docs(SideMenu): SideMenuGroupを使用しないサンプルを追加

kufu · Sep 24, 2024 · 9faabba · 9faabba
1 parent 2c17a17
commit 9faabba
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/packages/smarthr-ui/src/components/Experimental/SideMenu/SideMenu.stories.tsx b/packages/smarthr-ui/src/components/Experimental/SideMenu/SideMenu.stories.tsx
@@ -11,6 +11,19 @@ export default {
 }
 
 export const Default: StoryFn = () => (
+  <div className="shr-bg-background shr-p-2 shr-max-w-[15rem]">
+    <SideMenu>
+      <SideMenuItem href="#">アカウント</SideMenuItem>
+      <SideMenuItem href="#" current>
+        認証設定
+      </SideMenuItem>
+      <SideMenuItem href="#">評価項目の表示設定</SideMenuItem>
+      <SideMenuItem href="#">評価対象者の入力必須項目設定</SideMenuItem>
+    </SideMenu>
+  </div>
+)
+
+export const Grouped: StoryFn = () => (
   <div className="shr-bg-background shr-p-2 shr-max-w-[15rem]">
     <SideMenu>
       <SideMenuGroup title="個人設定">