Skip to content
satin

Tabs

Switches between two to six views of the same page or panel.

API Reference

The Tabs component wraps the Radix tabs in a div with a tablist of buttons. An item is a string or { value, label, icon, disabled }; put TabsContent panels in children.

PropTypeDefault
items
TabItem[]
—
value
string
—
variant
"underline""pill"
"underline"
size
"md""sm"
"md"
icon
ReactNode
—
disabled
boolean
false
onValueChange
(value: string) => void
—