ButtonGroup

src/components/buttons.tsx

Import

import { ButtonGroup } from "@ossrandom/design-system";

Examples

Default

↗ Playground

<ButtonGroup>
  <Button>Save</Button>
    <Button>Discard</Button>
</ButtonGroup>

Sizes

↗ Playground

<Space size="sm">
  <ButtonGroup
    size="xs"
  >XS</ButtonGroup>
  <ButtonGroup
    size="sm"
  >SM</ButtonGroup>
  <ButtonGroup
    size="md"
  >MD</ButtonGroup>
  <ButtonGroup
    size="lg"
  >LG</ButtonGroup>
</Space>

API

extends BaseProps

Prop	Type
`children` required	`ReactNode`
`size`	`Size`
`direction`	`Direction`
`attached`	`boolean`