Skip to content
Spiral
/
/
Give feedback
Tabs
Tabs organize related content into separate views within the same context, allowing user to switch between sections without leaving the page.
Vertical menu
Select menu
Label
Label
Label
Label
Label
Select menu
Label
Label
Label
Label
Label
Show code
Quantity
Select menu
Label
Label
Select menu
Label
Label
Select menu
Label
Label
Label
Select menu
Label
Label
Label
Select menu
Label
Label
Label
Label
Select menu
Label
Label
Label
Label
Show code
Horizontal menu
Label
Label
Label
Label
Label
Label
Label
Label
Label
Label
Label
Label
Label
Label
Label
Label
Label
Label
Label
Label
Show code
Quantity
Label
Label
Label
Label
Label
Label
Label
Label
Label
Show code
API References
Tabs
Prop
Type
Default
items
{ label, leftIcon?, rightIcon?, count?, disabled? }[]
—
active / onChange
number
(index: number) => void
—
type
"underline"
"transparent"
"fullStroke"
"leftLine"
"underline"
aria-label
string
—
className
string
" "
VerticalTabs
Prop
Type
Default
items / active / onChange
same as Tabs
—
style
"list"
"card"
"list"
label
ReactNode
—
aria-label
string
—
className
string
" "