Skip to content

Commit cc67be7

Browse files
committed
docs(tabs): add "Container type (one secondary label)" example
1 parent 4ecab0b commit cc67be7

1 file changed

Lines changed: 15 additions & 0 deletions

File tree

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)