NavigationRail

コンパクト／展開可能なサイドレール。NavigationRail.Item で主要目的地を配置します。

参考: Material Design 3 公式ガイドライン m3.material.io/components/navigation-rail/overview

Import

import { NavigationRail, ThemeProvider } from '@m3-baseui/react-tailwind';

使用例

<NavigationRail.Root defaultValue={['home']}>
  <NavigationRail.Item value="home" icon={<Icon name="home" />}>ホーム</NavigationRail.Item>
</NavigationRail.Root>

Props

Prop	型	既定値	説明
`defaultValue / value`	`readonly string[]`	—	選択中の目的地