sigilUI

Button Group

Group related actions with consistent alignment and spacing.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

import { ButtonGroup } from "@sigil-ui/components";

Usage

<ButtonGroup>
    <Button variant="outline">Left</Button>
    <Button variant="outline">Center</Button>
    <Button variant="outline">Right</Button>
  </ButtonGroup>

Props

PropTypeDefaultDescription
orientation"horizontal" | "vertical"—Orientation configuration.

Token integration

CSS VariablePurpose
--s-radius-noneRadius none
--s-radius-mdRadius md