docs: add pre selected tab example (#1180)

mittwald · Feb 17, 2025 · 5580fa2 · 5580fa2
1 parent 761c4a0
commit 5580fa2
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git a/packages/docs/src/content/03-components/navigation/tabs/examples/default-selected.tsx b/packages/docs/src/content/03-components/navigation/tabs/examples/default-selected.tsx
@@ -0,0 +1,19 @@
+import Tabs, {
+  Tab,
+  TabTitle,
+} from "@mittwald/flow-react-components/Tabs";
+
+<Tabs defaultSelectedKey="storage">
+  <Tab>
+    <TabTitle>Allgemein</TabTitle>
+    Allgemeiner Inhalt
+  </Tab>
+  <Tab id="storage">
+    <TabTitle>Speicherplatz</TabTitle>
+    Speicherplatz Inhalt
+  </Tab>
+  <Tab>
+    <TabTitle>Spamschutz</TabTitle>
+    Spamschutz Inhalt
+  </Tab>
+</Tabs>;
diff --git a/packages/docs/src/content/03-components/navigation/tabs/overview.mdx b/packages/docs/src/content/03-components/navigation/tabs/overview.mdx
@@ -2,10 +2,20 @@
 
 <LiveCodeEditor example="content" />
 
+---
+
 # Kollabierte Ansicht
 
 <LiveCodeEditor example="collapsed" editorCollapsed />
 
+---
+
 # Mit Status
 
 <LiveCodeEditor example="status" editorCollapsed />
+
+---
+
+# Mit vorausgewähltem Tab
+
+<LiveCodeEditor example="default-selected" editorCollapsed />