ToggleGroupControlOption

使用法

import {
   __experimentalToggleGroupControl as ToggleGroupControl,
   __experimentalToggleGroupControlOption as ToggleGroupControlOption,
} from '@wordpress/components';
function Example() {
   return (
   <ToggleGroupControl
   label="my label"
   value="vertical"
   isBlock
   __nextHasNoMarginBottom
   >
   <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プロパティのテキストを使用し、labelプロパティのテキストを使用します。aria-labelプロパティが見つからない場合。

• 必須: いいえ