Update ItemViewAppBar stories

ECN · Apr 19, 2021 · 6a1f821 · 6a1f821
1 parent c49e9d6
commit 6a1f821
Showing 1 changed file with 17 additions and 13 deletions.
diff --git a/src/components/ItemViewAppBar/ItemViewAppBar.stories.mdx b/src/components/ItemViewAppBar/ItemViewAppBar.stories.mdx
@@ -1,19 +1,23 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs/blocks';
 import ItemViewAppBar from "./ItemViewAppBar";
 
-The ItemViewAppBar is the primary toolbar for the [ItemView](/?path=/docs/components-itemview--with-item). It displays the item title and action for closing the sidebar.
+<Meta
+    title="Components/ItemViewAppBar" 
+    component={ItemViewAppBar}
+/>
 
-<Meta title="Components/ItemViewAppBar" component={ItemViewAppBar}/>
-
-
-
-# Default Usage
+The ItemViewAppBar is the primary toolbar for the [ItemView](/?path=/docs/components-itemview). It displays the active item's title and action for closing the sidebar.
 
 <Canvas>
-  <Story name="Default" args={{
-      title:"ce 100",
-      setSidebarOpen:() => null
-  }}>
-     {args => <ItemViewAppBar {...args} />}
+    <Story
+        name="Default" 
+        args={{
+            title: "ce 100",
+            setSidebarOpen: _ => null
+        }}
+    >
+        { args => <ItemViewAppBar {...args} /> }
     </Story>
-</Canvas>
+</Canvas>
+
+<ArgsTable of={ItemViewAppBar} />