BottomAppBar

画面下部のアプリバー。FAB スロットとアクションボタンを配置できます。

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

Import

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

使用例

<BottomAppBar>
<IconButton variant="standard" aria-label="メニュー"><Icon name="menu" /></IconButton>
</BottomAppBar>

Props

Prop既定値説明
childrenReactNodeアクションボタン等