ButtonGroup
Related actions side by side: connected pills, or spaced.
<ButtonGroup aria-label="Export">
<ButtonGroup.Item>CSV</ButtonGroup.Item>
<ButtonGroup.Item>JSON</ButtonGroup.Item>
<ButtonGroup.Item>NDJSON</ButtonGroup.Item>
</ButtonGroup>import { ButtonGroup } from "@logicplanes/kaeso-ui";Props
aria-labelstringNames the group for assistive technology.
attachedboolean = trueConnected pills (default) or separate pills with a gap.
childrenReactNodeThe buttons, joined into one pill.
sizeGroupSize = mdThe size of every button in the group.