ToolbarGroup

使用法

import { Toolbar, ToolbarGroup, ToolbarButton } from '@wordpress/components';
import { paragraph, formatBold, formatItalic, link } from '@wordpress/icons';
function MyToolbar() {
   return (
   <Toolbar label="Options">
   <ToolbarGroup>
   <ToolbarButton icon={ paragraph } label="Paragraph" />
   </ToolbarGroup>
   <ToolbarGroup>
   <ToolbarButton icon={ formatBold } label="Bold" />
   <ToolbarButton icon={ formatItalic } label="Italic" />
   <ToolbarButton icon={ link } label="Link" />
   </ToolbarGroup>
   </Toolbar>
   );
}

プロパティ

ToolbarGroupは、すべてのHTMLプロパティを基になる要素に渡します。

関連コンポーネント

• ToolbarGroupは、子としてToolbarButtonおよびToolbarItemを含むことができます。