# segment — Examples

## basic

```html
<segmented-ui>
  <segment-ui value="overview" text="Overview"></segment-ui>
  <segment-ui value="features" text="Features"></segment-ui>
  <segment-ui value="pricing" text="Pricing"></segment-ui>
</segmented-ui>
```

## text

```html
<segmented-ui>
  <segment-ui value="d" text="Daily"></segment-ui>
  <segment-ui value="w" text="Weekly"></segment-ui>
  <segment-ui value="m" text="Monthly"></segment-ui>
  <segment-ui value="y" text="Yearly"></segment-ui>
</segmented-ui>
```

## disabled

```html
<segmented-ui>
  <segment-ui value="free" text="Free"></segment-ui>
  <segment-ui value="pro" text="Pro"></segment-ui>
  <segment-ui value="enterprise" text="Enterprise" disabled></segment-ui>
</segmented-ui>
```
