Components
Tabs
Switch between views, with an underline or a glowing pill that slides to the active tab.
Spending for September.
Import
import { Tabs, TabList, Tab, TabPanel } from '@rinzai/zen';Examples
Every entry this month.
API reference
<Tabs>
Tab set with an underline that slides to the active tab. Controlled (`value`) or not (`defaultValue`).
| Prop | Type | Default |
|---|---|---|
defaultValue | string | |
onValueChange | ((value: string) => void) | — |
value | string | — |
<TabList>
`underline` (default): Sora's in-page tabs, a bar under the active tab. `pills`: Sora's top-nav look, a glowing pill sliding along a glass track.
| Prop | Type | Default |
|---|---|---|
variant | TabListVariant | underline |
<Tab>
| Prop | Type | Default |
|---|---|---|
valueRequired | string | — |
<TabPanel>
| Prop | Type | Default |
|---|---|---|
valueRequired | string | — |