ToggleGroupControlOptionIcon

使用法

import {
   __experimentalToggleGroupControl as ToggleGroupControl,
   __experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,
} from '@wordpress/components';
import { formatLowercase, formatUppercase } from '@wordpress/icons';
function Example() {
   return (
   <ToggleGroupControl __nextHasNoMarginBottom>
   <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

アイコンオプションをアクセシブルにラベル付けするためのテキスト。ツールチップにも表示されます。

• 必須: はい