Tabs
Panelled tabs with underline and pill presentations.
Use Tabs to switch between peer sections that share the same page context. The underline variant uses only an active underline. Use the pill variant for a contained group.
Interactive example
Loading interactive example
API
| Member | Type | Kind | Required | Default |
|---|---|---|---|---|
ariaLabel | string | prop | No | undefined |
onValueChange | (value: T) => void | callback | No | undefined |
orientation | "horizontal" | "vertical" | prop | No | 'horizontal' |
panel | Snippet<[{ value: T; }]> | snippet | No | undefined |
selectWhenFocused | boolean | prop | No | false |
size | ControlSize | prop | No | 'md' |
tabs | readonly TabItem<T>[] | prop | Yes | |
value | T | binding | No | undefined as T | undefined |
variant | TabsVariant | prop | No | 'underline' |
Source
Loading source