import { Tabs } from "@nodus/design-system"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
defaultValue | string | — | Initially active tab value |
value | string | — | Controlled active tab value |
onValueChange | (value: string) => void | — | Called when active tab changes |
defaultValueType
stringDefault —Initially active tab value
valueType
stringDefault —Controlled active tab value
onValueChangeType
(value: string) => voidDefault —Called when active tab changes
MobileTouch Target
Tab triggers must be ≥44px. On mobile, tabs should scroll horizontally (overflow-x-auto on the tab list) rather than wrapping to a second row.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?