ToggleGroupControlOptionIcon Edit

This feature is still experimental. “Experimental” means this is an early implementation subject to drastic and breaking changes.

ToggleGroupControlOptionIcon is a form component which is meant to be used as a child of [ToggleGroupControl] and displays an icon(<(/packages/components/src/toggle-group-control/toggle-group-control/README.md)>).

Usage

import {
    __experimentalToggleGroupControl as ToggleGroupControl,
    __experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,
} from '@wordpress/components';
import { formatLowercase, formatUppercase } from '@wordpress/icons';

function Example() {
    return (
        <ToggleGroupControl label="my label" value="lowercase" isBlock>
            <ToggleGroupControlOptionIcon
                value="uppercase"
                icon={ formatUppercase }
                showTooltip={ true }
                aria-label="Uppercase"
            />
            <ToggleGroupControlOptionIcon
                value="lowercase"
                icon={ formatLowercase }
                showTooltip={ true }
                aria-label="Lowercase"
            />
        </ToggleGroupControl>
    );
}

Expand full source code Collapse full source code

Top ↑