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