SideNav

ビューを適切な単位で分割して縦方向に並べ、切り替えるためのコンポーネントです。項目設定のビューを切り替えるときなどに使います。

処理中
ドラッグして幅を変更
ドラッグして高さを変更
処理中

使用上の注意

TabBarで代用できないか検討する

SideNavは、異なるオブジェクトやビューを縦方向にスタックし、切り替えるためのコンポーネントです。スタックするアイテムが多いときやナビゲーション機能を持たせたいときに適していますが、そうでない場合はTabBarの使用を検討してください。

入れ子で使用しない

SideNavの影響範囲内のビューでは、SideNavの使用を避けてください。SideNav内のビューを分割したい場合はTabBarを使用してください。また、TabBar内でビューを分割したい場合はSideNavを使用してください。

Props

SideNav props

items必須
SideNavItemButtonProps[]

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

size
"s""default"

各アイテムの大きさ

onClick
OnClick

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

className
string

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

Propsは設定されていません。