You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/src/pages/components/Tabs.svx
+15Lines changed: 15 additions & 0 deletions
Original file line number
Diff line number
Diff line change
@@ -183,6 +183,21 @@ Use `secondaryLabel` with container type tabs to display additional context belo
183
183
</svelte:fragment>
184
184
</Tabs>
185
185
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
+
186
201
## Skeleton (default)
187
202
188
203
Show a loading state with the default skeleton variant.
0 commit comments