provide more storybook setup example for navigation

gridaco · Sep 7, 2021 · ac7a67a · ac7a67a
1 parent 37aff5b
commit ac7a67a
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 1 deletion.
diff --git a/app/lib/components/navigation/navigator-expansion-control-button.stories.mdx b/app/lib/components/navigation/navigator-expansion-control-button.stories.mdx
@@ -1,7 +1,7 @@
 import { Meta, Story, Preview, Props } from "@storybook/addon-docs/blocks";
 import { NavigatorExpansionControlButton } from "./navigator-expansion-control-button";
 
-<Meta title="components/navigator-expansion-control-button" />
+<Meta title="navigation/navigator-expansion-control-button" />
 
 Close or expand button used for global navigation.
 

diff --git a/app/lib/components/navigation/primary-workmode-select.stories.mdx b/app/lib/components/navigation/primary-workmode-select.stories.mdx
@@ -0,0 +1,32 @@
+import { Meta, Story, Preview, Props } from "@storybook/addon-docs/blocks";
+import { PrimaryWorkmodeSelect } from "./primary-workmode-select";
+
+<Meta title="navigation/primary-workmode-select" />
+
+Primary workmode selector for navigation.
+
+# Preview
+
+<Preview>
+  <Story name="default">
+    <PrimaryWorkmodeSelect
+      set={{
+        first: "code",
+        second: "design",
+      }}
+      selection={"code"}
+    />
+  </Story>
+  <Story name="no selection (for development)">
+    <PrimaryWorkmodeSelect
+      set={{
+        first: "code",
+        second: "design",
+      }}
+    />
+  </Story>
+</Preview>
+
+# Props
+
+<Props of={PrimaryWorkmodeSelect} />