Dev Tools
SegmentedControl
A pill-style segmented button group for switching between options. First option is active by default.
Import
import SegmentedControl from '../../components/utility/SegmentedControl.astro';Props
| Prop | Type | Required | Description |
|---|---|---|---|
options | { id: string; label: string }[] | Yes | List of options to render as buttons |
name | string | Yes | Unique identifier for the control (used in data attribute) |
Preview