Components

Button Group

A ButtonGroup gathers multiple buttons at once, providing them with the correct spacing depending on the context.

Code examples

<ButtonGroup>
  <Button variant="primary">One button</Button>
  <Button variant="secondary">Another button</Button>
</ButtonGroup>

Button Group are used when buttons are used together to give the user alternative choices. Button Group are aligned horizontally or vertically.

import { ButtonGroup } from "@vygruppen/spor-react";

Utility for grouping several buttons.

Name	Type	Description
`attached`	`boolean`	Attaches buttons in the middle, making them look more pill-shaped
`disabled`	`boolean`	Disables all buttons
`grow`	`boolean`	Make the children grow to fill the available space.