# segmented — Examples

## basic (3 segments)

```html
<segmented-ui>
  <segment-ui value="daily" text="Daily"></segment-ui>
  <segment-ui value="weekly" text="Weekly"></segment-ui>
  <segment-ui value="monthly" text="Monthly"></segment-ui>
</segmented-ui>
```

## pre-selected

```html
<segmented-ui value="weekly">
  <segment-ui value="daily" text="Daily"></segment-ui>
  <segment-ui value="weekly" text="Weekly"></segment-ui>
  <segment-ui value="monthly" text="Monthly"></segment-ui>
</segmented-ui>
```

## disabled segment

```html
<segmented-ui value="list">
  <segment-ui value="list" text="List"></segment-ui>
  <segment-ui value="grid" text="Grid"></segment-ui>
  <segment-ui value="kanban" text="Kanban" disabled></segment-ui>
</segmented-ui>
```
