From a6c40dfe4f2e68d685a95b70bd6a94b1a2ff2e98 Mon Sep 17 00:00:00 2001 From: Qs-F <qsf@de-liker.com> Date: Fri, 6 Sep 2024 12:56:30 +0900 Subject: [PATCH] docs(SideMenu): update storybook sample --- .../SideMenu/SideMenu.stories.tsx | 36 +++++++++---------- 1 file changed, 18 insertions(+), 18 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 index 439d28abd5..47186ef2cd 100644 --- a/packages/smarthr-ui/src/components/Experimental/SideMenu/SideMenu.stories.tsx +++ b/packages/smarthr-ui/src/components/Experimental/SideMenu/SideMenu.stories.tsx @@ -1,32 +1,32 @@ import { StoryFn } from '@storybook/react' import React from 'react' -import { SideMenu } from './SideMenu' +import { FaGearIcon } from '../../Icon' + +import { SideMenu, SideMenuGroup, SideMenuItem } from '.' export default { title: 'Experimental(実験的)/SideMenu', component: SideMenu, - parameters: { - layout: 'fullscreen', - withTheming: true, - }, } export const Default: StoryFn = () => ( - <div className="shr-bg-background shr-p-2"> + <div className="shr-bg-background shr-p-2 shr-max-w-[15rem]"> <SideMenu> - <SideMenu.Group name="基本設定"> - <SideMenu.Item href="#">評価シート</SideMenu.Item> - <SideMenu.Item href="#" current> - 評価ロール - </SideMenu.Item> - <SideMenu.Item href="#">評価フロー</SideMenu.Item> - </SideMenu.Group> - <SideMenu.Group name="その他の設定"> - <SideMenu.Item href="#">評価項目の入力必須設定</SideMenu.Item> - <SideMenu.Item href="#">評価ロールの閲覧・編集権限設定</SideMenu.Item> - <SideMenu.Item href="#">評価対象者の表示項目設定</SideMenu.Item> - </SideMenu.Group> + <SideMenuGroup title="個人設定"> + <SideMenuItem href="#">アカウント</SideMenuItem> + <SideMenuItem href="#" current> + 認証設定 + </SideMenuItem> + </SideMenuGroup> + <SideMenuGroup title="共通設定"> + <SideMenuItem href="#" prefix={<FaGearIcon />}> + 評価項目の表示設定 + </SideMenuItem> + <SideMenuItem href="#" prefix={<FaGearIcon />}> + 評価対象者の入力必須項目設定 + </SideMenuItem> + </SideMenuGroup> </SideMenu> </div> )