docs(tabs): add "Container type with icons and secondary label" example

Author: metonym

docs/src/pages/components/Tabs.svx

@@ -219,6 +219,21 @@ Use the `secondaryChildren` slot to customize the secondary label with custom ma
   </svelte:fragment>
 </Tabs>
 
+## Container type with icons and secondary label
+
+Container type tabs can use both `icon` and `secondaryLabel` for a primary label, icon, and optional secondary line (e.g. counts or status).
+
+<Tabs type="container">
+  <Tab label="Calendar" icon={Calendar} secondaryLabel="(12 events)" />
+  <Tab label="Information" icon={Information} secondaryLabel="(3 new)" />
+  <Tab label="Settings" icon={Settings} secondaryLabel="(2 pending)" disabled />
+  <svelte:fragment slot="content">
+    <TabContent>Calendar content</TabContent>
+    <TabContent>Information content</TabContent>
+    <TabContent>Settings content</TabContent>
+  </svelte:fragment>
+</Tabs>
+
 ## Skeleton (default)
 
 Show a loading state with the default skeleton variant.