Skip to content

Commit 1d58566

Browse files
committed
docs(tabs): add "Container type (one secondary label)" example
1 parent b5af2de commit 1d58566

File tree

1 file changed

+15
-0
lines changed

1 file changed

+15
-0
lines changed

docs/src/pages/components/Tabs.svx

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -183,6 +183,21 @@ Use `secondaryLabel` with container type tabs to display additional context belo
183183
</svelte:fragment>
184184
</Tabs>
185185

186+
## Container type (one secondary label)
187+
188+
When only some tabs use `secondaryLabel`, the container still applies the taller min-height so all tab items align. Only tabs with a secondary label show the two-line layout.
189+
190+
<Tabs type="container">
191+
<Tab label="Overview" />
192+
<Tab label="Details" secondaryLabel="(3)" />
193+
<Tab label="Settings" />
194+
<svelte:fragment slot="content">
195+
<TabContent>Overview content</TabContent>
196+
<TabContent>Details content</TabContent>
197+
<TabContent>Settings content</TabContent>
198+
</svelte:fragment>
199+
</Tabs>
200+
186201
## Skeleton (default)
187202

188203
Show a loading state with the default skeleton variant.

0 commit comments

Comments
 (0)