SmartHR Design System

SideNav

StorybookGitHub
別画面で開く
処理中
ドラッグして幅を変更
ドラッグして高さを変更
処理中

Props

SideNav props

items必須
SideNavItemProps[]

各アイテムのデータの配列

size
"default""s"

各アイテムの大きさ

onClick
OnClick

アイテムを押下したときに発火するコールバック関数

className
string

コンポーネントに適用するクラス名

SideNavItem props

title必須
stringnumberfalsetrueReactElement<any, string | JSXElementConstructor<any>>Iterable<ReactNode>ReactPortal

アイテムのタイトル

prefix
stringnumberfalsetrueReactElement<any, string | JSXElementConstructor<any>>Iterable<ReactNode>ReactPortal

タイトルのプレフィックスの内容。通常、StatusLabel の配置に用います。

isSelected
falsetrue

選択されているアイテムかどうか

size
"default""s"

アイテムの大きさ

onClick
OnClick

アイテムを押下したときに発火するコールバック関数