Skip to content

Commit 493567c

Browse files
committed
docs(tabs): add "Container type with icons" example
1 parent b4e53fc commit 493567c

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
@@ -134,6 +134,21 @@ Container type tabs with disabled states. Set `disabled` to `true` on individual
134134
</svelte:fragment>
135135
</Tabs>
136136

137+
## Container type with icons
138+
139+
Container type tabs also support the `icon` prop.
140+
141+
<Tabs type="container">
142+
<Tab label="Calendar" icon={Calendar} />
143+
<Tab label="Information" icon={Information} />
144+
<Tab label="Settings" icon={Settings} disabled />
145+
<svelte:fragment slot="content">
146+
<TabContent>Calendar content</TabContent>
147+
<TabContent>Information content</TabContent>
148+
<TabContent>Settings content</TabContent>
149+
</svelte:fragment>
150+
</Tabs>
151+
137152
## Skeleton (default)
138153

139154
Show a loading state with the default skeleton variant.

0 commit comments

Comments
 (0)