ToggleButtonOptionGroup

ToggleButtonOptionGroup is a sub-component that is used to wrap ToggleButtonOption sub-components within the ToggleButton component.

All docs for ToggleButtonOptionGroup will use the ToggleButton component as a parent. This is to ensure that the ToggleButtonOptionGroup is rendered correctly.

Please ensure you use the Stack component with the correct spacing to layout the options as you see fit.

Basic Usage


import { ToggleButton, ToggleButtonOptionGroup, ToggleButtonOption } from '@krakentech/coral';
 
<ToggleButton>
    <ToggleButtonOptionGroup>
        <Stack gap="xxs">
            <ToggleButtonOption value="option-1">Option 1</ToggleButtonOption>
            <ToggleButtonOption value="option-2">Option 2</ToggleButtonOption>
            <ToggleButtonOption value="option-3">Option 3</ToggleButtonOption>
        </Stack>
    </ToggleButtonOptionGroup>
</ToggleButton>