Tabs

Tabs organize content across different screens and views.

Props

React props
NameTypeRequiredDefaultDescription
classNamestring | Partial<Record<"tabs" | "indicator", string>> | ClassNameComponent<TabsInterface>NoRoot classes (string), static element classes (object), or state-aware element classes (function).
variantTabsVariantNo'primary'Visual style: `primary` (icon above label) or `secondary` (icon beside label).
scrollablebooleanNofalseEnables horizontal scrolling and auto-centering of the selected tab.
selectedTabnumberNoControlled index of the selected tab.
defaultSelectedTabnumberNo0Index selected on mount when the tab list is uncontrolled.