Skip to content
Vy logo
  • Identitet
  • Spor
  • Resources
Components

Button Group

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

GitHub

Code examples

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

Guidelines

Button Groups are used when multiple buttons are presented together to provide users with alternative choices. They can be arranged horizontally or vertically.

Code

<ButtonGroup />

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

Utility for grouping several buttons.

Props

Name
Type
Required?
Description
attachedbooleanAttaches buttons in the middle, making them look more pill-shaped
disabledbooleanDisables all buttons
growbooleanMake the children grow to fill the available space.