Timeframe Tabs
A scrollable, controlled pill-tab row with an animated active-state highlight and a slot for trailing content.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| items | string[] | The pills to render, in order. | |
| value | string | Currently active pill. | |
| onValueChange | (value: string) => void | Called with the pill value when the user clicks one. | |
| label | string | "Tabs" | Accessible label for the tablist. |
| className | string | Additional classes for the root wrapper. | |
| children | React.ReactNode | Anything rendered after the pill row — a divider, a dropdown menu, or other trailing actions. |