Default (with disabled)
3 drafts waiting for review.
Uncontrolled
Summary stats and recent activity.
With icons
Draft entries with icons on each tab.
Icon-only tabs
Views, reads, and engagement.
Sizes
Small tab height.
Large tab height.
Full width
Compose tab stretches evenly across the row.
Animation variants
animationVariant — click an inactive tab trigger to compare press feedback. The sliding indicator is separate built-in motion.
Default
None
Ripple
Scale
Sink
Lift
Pulse
Glow
API
| Prop | Required | Type | Default | Description |
|---|---|---|---|---|
| theme | Optional | SiteTheme | atelier | Visual theme. |
| items | Optional | TabItem[] | — | id, label, content, disabled?, icon?, iconOnly? |
| size | Optional | "sm" | "md" | "lg" | md | Tab trigger height. |
| fullWidth | Optional | boolean | — | Evenly stretch tabs across the list. |
| value / onChange | Optional | string + callback | — | Controlled active tab. |
| defaultTab | Optional | string | — | Initial tab when uncontrolled. |
| headerTrailing | Optional | ReactNode | — | Optional controls rendered beside the tab list (outside the tab track). |
| panelless | Optional | boolean | — | Omit tab panels — tab list only (segmented control). |
| animationVariant | Optional | PressAnimationVariant | default | Press animation — default, none, ripple, scale, sink, lift, pulse, or glow. |