Tab 1
Tab 2
Tab 3
This is simple string content for Tab 1.
Tabs organize content into multiple panels and allow users to switch between them.
With String Content
The simplest way to use Tabs is with string content. Just pass an array of tabs with string values for the content property.
With Snippet Content
For rich content with components and complex layouts, use Svelte Snippets as the content property.
This tab content is rendered using a Svelte Snippet.
Variants
Solid
Outline
Line
Ghost
Pills
Colors
Primary
Secondary
Muted
Success
Info
Danger
Warning
Positions
Top
Bottom
Start
End
Line Variant with Positions
Top
Bottom
Start
End
Props
Prop | Type | Default |
|---|
Tab Type
Prop | Type | Default |
|---|