Pass an array of items (strings or { value, label, disabled }). Selected cell is brand green; hover fills neutral-100. Supports controlled value + onValueChange or uncontrolled defaultValue.
<SegmentedControl
items={["1M", "3M", "6M", "YR", "YTD", "ALL"]}
defaultValue="1M"
aria-label="Time range"
/>
<SegmentedControl
items={[
{ value: "1m", label: "1M" },
{ value: "ytd", label: "YTD" },
{ value: "all", label: "ALL", disabled: true },
]}
value={range}
onValueChange={setRange}
/>