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} />