Toolbar

ツールバーコンテナ。Toolbar.Group でボタン群を区切ります。

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

Import

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

使用例

<Toolbar>
<Toolbar.Group>
<IconButton variant="standard" aria-label="太字"><Icon name="format_bold" /></IconButton>
</Toolbar.Group>
</Toolbar>

Props

Prop既定値説明
childrenReactNodeツールバー内容