Properties of a ToggleButtonGroup component displayed by the toolbar.

interface ToggleButtonGroupProps {
    ariaLabel?: string;
    buttons: ToggleButtonProps[];
    exclusive?: boolean;
    onChange: (value: string[]) => void;
    orientation?: "horizontal" | "vertical";
    size?: "small" | "medium" | "large";
    value: string[];
}

Properties

ariaLabel?: string

Aria label.

The buttons in this group.

exclusive?: boolean

Set to true if only one of the buttons can be selected at the time.

onChange: (value: string[]) => void

Callback that will be called when any button in this group has been selected/deselected.

Type declaration

    • (value: string[]): void
    • Parameters

      • value: string[]

        The new value.

      Returns void

orientation?: "horizontal" | "vertical"

Orientation of this group.

size?: "small" | "medium" | "large"

Size of the buttons in this group.

value: string[]

Value of the selected buttons in this group.