切换组控制选项图标

此功能仍处于实验阶段。“Experimental”（实验性）意味着这是早期实现，可能会发生剧烈且破坏性的更改。

ToggleGroupControlOptionIcon 是一个表单组件，用作 ToggleGroupControl 的子级并显示图标。

用法

import {
    __experimentalToggleGroupControl as ToggleGroupControl,
    __experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,
} from '@wordpress/components';
import { formatLowercase, formatUppercase } from '@wordpress/icons';

function Example() {
    return (
        <ToggleGroupControl>
            <ToggleGroupControlOptionIcon
                value="uppercase"
                icon={ formatUppercase }
                label="Uppercase"
            />
            <ToggleGroupControlOptionIcon
                value="lowercase"
                icon={ formatLowercase }
                label="Lowercase"
            />
        </ToggleGroupControl>
    );
}

属性

value: string | number

ToggleGroupControlOption 的值。

• 必需：是

icon: Component

作为选项内容显示的图标。通常是来自 @wordpress/icons 包的图标之一，或自定义的 React <svg> 图标。

• 必需：是

label: string

用于无障碍地标记图标选项的文本。也将显示在工具提示中。

• 必需：是

disabled: boolean

如果为 true，则此选项不可选择。

• 必需：否
• 默认值：false