Skip to content

Commit b5ed9bd

Browse files
committed
docs(tabs): add "Container type (disabled)" example
1 parent bdfae5a commit b5ed9bd

File tree

1 file changed

+17
-0
lines changed

1 file changed

+17
-0
lines changed

docs/src/pages/components/Tabs.svx

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -117,6 +117,23 @@ Use the container type for a more prominent tab interface.
117117
</svelte:fragment>
118118
</Tabs>
119119

120+
## Container type (disabled)
121+
122+
Container type tabs with disabled states. Set `disabled` to `true` on individual tabs to prevent interaction.
123+
124+
<Tabs type="container">
125+
<Tab label="Tab label 1" />
126+
<Tab label="Tab label 2" disabled />
127+
<Tab label="Tab label 3" disabled />
128+
<Tab label="Tab label 4" />
129+
<svelte:fragment slot="content">
130+
<TabContent>Content 1</TabContent>
131+
<TabContent>Content 2</TabContent>
132+
<TabContent>Content 3</TabContent>
133+
<TabContent>Content 4</TabContent>
134+
</svelte:fragment>
135+
</Tabs>
136+
120137
## Skeleton (default)
121138

122139
Show a loading state with the default skeleton variant.

0 commit comments

Comments
 (0)