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

ToggleGroupControlOption 是一个表单组件,旨在作为 ToggleGroupControl 的子组件使用。

用法

import {
    __experimentalToggleGroupControl as ToggleGroupControl,
    __experimentalToggleGroupControlOption as ToggleGroupControlOption,
} from '@wordpress/components';

function Example() {
    return (
        <ToggleGroupControl label="my label" value="vertical" isBlock>
            <ToggleGroupControlOption
                value="horizontal"
                label="Horizontal"
                showTooltip={ true }
            />
            <ToggleGroupControlOption value="vertical" label="Vertical" />
        </ToggleGroupControl>
    );
}

属性

label: string

选项的标签。如果需要,可以使用 aria-label 属性来为辅助技术指定不同的标签。

  • 必需:是

value: string | number

ToggleGroupControlOption 的值。

  • 必需:是

showTooltip: boolean

是否在悬停在选项上时显示工具提示。工具提示将优先尝试使用 aria-label 属性的文本,如果未找到 aria-label 属性,则使用 label 属性的文本。

  • 必需:否

disabled: boolean

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

  • 必需:否
  • 默认值:false