@spectrum-web-components/button-group

Overview

sp-button-group delivers a set of buttons in horizontal or vertical orientation while ensuring the appropriate spacing between those buttons.

$3


``
yarn add @spectrum-web-components/button-group
`

Import the side effectful registration of via:

`
import '@spectrum-web-components/button-group/sp-button-group.js';
`

When looking to leverage the ButtonGroup base class as a type and/or for extension purposes, do so via:

`
import { ButtonGroup } from '@spectrum-web-components/button-group';
`

$3

A button group can be either horizontal or vertical in its orientation. By default, a button group is horizontal. Use vertical option when horizontal space is limited.

#### Horizontal

`html

Button 1
Longer Button 2
Short 3

`

#### Vertical

`html

Button 1
Longer Button 2
Short 3

``

$3

Review the guidelines for the button children.