ToggleGroupControl

使用法

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" />
   <ToggleGroupControlOption value="vertical" label="Vertical" />
   </ToggleGroupControl>
   );
}

プロパティ

help: ReactNode

このプロパティが追加されると、helpプロパティをコンテンツとして使用してヘルプテキストが生成されます。

• 必須: いいえ
  

hideLabelFromVision: boolean

trueの場合、ラベルはスクリーンリーダーにのみ表示されます。

• 必須: いいえ
• デフォルト: false
  

isAdaptiveWidth: boolean

セグメントが等しい幅でレンダリングされるかどうかを決定します。

• 必須: いいえ
• デフォルト: false
  

isDeselectable: boolean

オプションを再度クリックすることで選択解除できるかどうか。

• 必須: いいえ
• デフォルト: false
  

isBlock: boolean

- 必須: いいえ 
- デフォルト: `````false

label: string

フォーム要素のラベル。

• 必須: はい
  

onChange: ( value?: string | number ) => void

セグメントが選択されたときのコールバック。

• 必須: いいえ
• デフォルト: () => {}
  

value: string | number

- 必須: いいえ
 <a name="__next40pxdefaultsize-boolean"></a>
### __next40pxDefaultSize: boolean
将来のバージョンでデフォルトサイズになる大きなデフォルト高さを選択し始めます。  
- 必須: いいえ 
- デフォルト: `````false

__nextHasNoMarginBottom: boolean

将来のバージョンでデフォルトになる新しいマージンなしスタイルを選択し始めます。

• 必須: いいえ
• デフォルト: false