NavigationBrowse navigation components
Segmented
iOS-style segmented control. Single-select with shadowed active item.
Live preview
Usage
Adapters:React stableVue stable
index.html
<div class="lm-segmented" role="radiogroup">
<button class="lm-segmented-item" aria-pressed="true">7 days</button>
</div>CSS classes (2)
| Class | Description |
|---|---|
lm-segmented | Sunken background container |
lm-segmented-item | Each option; aria-pressed='true' = active |
React props (1)
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | — | — |
Accessibility
- Use role='radiogroup' + role='radio' on items.
Spotted something wrong? Edit this entry on GitHub.