Tabs
Tabs
A set of layered sections of content—known as tab panels—that are displayed one at a time.
Default
Basic tabs with shadcn styling.
Account
Make changes to your account here. Click save when you're done.
With Multiple Tabs
Tabs can have more than two options.
Overview
View a summary of your account activity and statistics.
Controlled
Control which tab is active programmatically.
Current: morning
🌅 Morning
Good morning! Start your day with a fresh perspective.
API Reference
Component parameters and their types.
| Prop | Type | Default | Description |
|---|---|---|---|
| DefaultValue | string? | — | The value of the tab that should be active by default (uncontrolled). |
| Value | string? | — | The controlled value of the active tab. |
| Class | string? | — | Additional CSS classes appended to the root element. |
| ChildContent | RenderFragment? | — | Nest TabsList and TabsContent here. |