ToolbarGroup 可用于在 Toolbar 内部创建控件的子组。

用法

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="段落" />
            </ToolbarGroup>
            <ToolbarGroup>
                <ToolbarButton icon={ formatBold } label="加粗" />
                <ToolbarButton icon={ formatItalic } label="斜体" />
                <ToolbarButton icon={ link } label="链接" />
            </ToolbarGroup>
        </Toolbar>
    );
}

属性

ToolbarGroup 会将所有 HTML 属性传递给底层元素。

相关组件