1.7.0 • Published 23 days ago

@spectrum-web-components/button-group v1.7.0

Weekly downloads
118
License
Apache-2.0
Repository
github
Last release
23 days ago

Overview

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

Usage

See it on NPM! How big is this package in your project?

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

Import the side effectful registration of <sp-button-group> 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';

Options

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

<sp-button-group>
    <sp-button>Button 1</sp-button>
    <sp-button>Longer Button 2</sp-button>
    <sp-button>Short 3</sp-button>
</sp-button-group>

Vertical

<sp-button-group vertical>
    <sp-button>Button 1</sp-button>
    <sp-button>Longer Button 2</sp-button>
    <sp-button>Short 3</sp-button>
</sp-button-group>

Accessibility

Review the guidelines for the button children.

1.6.0

2 months ago

1.4.1-beta.0

3 months ago

1.5.0

3 months ago

1.3.0-beta.1

4 months ago

1.3.0-beta.2

4 months ago

1.3.0-beta.3

4 months ago

1.3.0-beta.4

4 months ago

1.3.0-beta.5

4 months ago

1.3.0-beta.6

4 months ago

1.3.0-beta.0

4 months ago

1.4.0

3 months ago

1.5.1-beta.0

3 months ago

1.1.0-beta.50

7 months ago

1.1.0-beta.51

7 months ago

1.1.0-beta.54

7 months ago

1.1.0-beta.55

7 months ago

1.1.0-beta.52

7 months ago

1.1.0-beta.53

7 months ago

1.4.0-beta.0

4 months ago

1.3.0

4 months ago

1.6.0-beta.0

3 months ago

1.2.0

4 months ago

1.1.0-beta.10

8 months ago

1.1.0-beta.11

8 months ago

1.1.0-beta.14

8 months ago

1.1.0-beta.15

8 months ago

1.1.0-beta.12

8 months ago

1.1.0-beta.13

8 months ago

1.1.0-beta.18

8 months ago

1.1.0-beta.19

8 months ago

1.3.0-testing.0

4 months ago

1.1.0-beta.16

8 months ago

1.1.0-beta.17

8 months ago

1.1.0-beta.9

8 months ago

1.1.0-beta.8

8 months ago

1.1.0-beta.7

8 months ago

1.1.0-beta.2

8 months ago

1.1.0-beta.21

8 months ago

1.1.0-beta.6

8 months ago

1.1.0-beta.22

8 months ago

1.1.0-beta.5

8 months ago

1.1.0-beta.4

8 months ago

1.1.0-beta.20

8 months ago

1.1.0-beta.3

8 months ago

1.1.0-beta.25

8 months ago

1.1.0-beta.26

8 months ago

1.1.0-beta.23

8 months ago

1.1.0-beta.24

8 months ago

1.1.0-beta.29

8 months ago

1.1.0-beta.27

8 months ago

1.1.0-beta.28

8 months ago

1.1.1

5 months ago

1.1.0

5 months ago

1.1.2

5 months ago

1.1.0-beta.32

8 months ago

1.1.0-beta.33

8 months ago

1.1.0-beta.30

8 months ago

1.1.0-beta.31

8 months ago

1.1.0-beta.36

8 months ago

1.1.0-beta.37

7 months ago

1.1.0-beta.34

8 months ago

1.1.0-beta.35

8 months ago

1.1.0-beta.38

7 months ago

1.1.0-beta.39

7 months ago

1.3.1-beta.0

4 months ago

1.1.0-beta.40

7 months ago

1.1.0-beta.43

7 months ago

1.1.0-beta.44

7 months ago

1.1.0-beta.41

7 months ago

1.1.0-beta.42

7 months ago

1.1.0-beta.47

7 months ago

1.1.0-beta.48

7 months ago

1.1.0-beta.45

7 months ago

1.1.0-beta.46

7 months ago

1.1.0-beta.49

7 months ago

1.2.0-beta.9

4 months ago

1.0.2

7 months ago

1.2.0-beta.8

4 months ago

1.0.1

8 months ago

1.0.3

7 months ago

1.2.0-beta.1

5 months ago

1.2.0-beta.0

5 months ago

1.2.0-beta.3

5 months ago

1.2.0-beta.2

5 months ago

1.2.0-beta.5

5 months ago

1.2.0-beta.4

5 months ago

1.2.0-beta.7

4 months ago

1.2.0-beta.6

5 months ago

1.7.0

23 days ago

1.5.0-beta.0

3 months ago

1.2.0-beta.16

4 months ago

1.2.0-beta.15

4 months ago

1.2.0-beta.18

4 months ago

1.2.0-beta.17

4 months ago

1.2.0-beta.12

4 months ago

1.2.0-beta.11

4 months ago

1.2.0-beta.14

4 months ago

1.2.0-beta.13

4 months ago

1.6.1-beta.0

2 months ago

1.2.0-beta.10

4 months ago

1.2.0-beta.19

4 months ago

1.0.0-rc.9

8 months ago

1.0.0-rc.7

8 months ago

1.0.0-rc.8

8 months ago

1.0.0-rc.5

8 months ago

1.0.0-rc.6

8 months ago

1.0.0-rc.10

8 months ago

1.0.0-rc.3

8 months ago

1.0.0-rc.4

8 months ago

1.0.0-rc.1

8 months ago

1.0.0-rc.2

8 months ago

0.50.0-beta.11

8 months ago

0.50.0-beta.12

8 months ago

0.50.0-beta.10

8 months ago

1.1.0-beta.1

8 months ago

1.1.0-beta.0

8 months ago

0.50.0-beta.9

8 months ago

0.50.0-beta.8

8 months ago

0.50.0-beta.7

8 months ago

0.50.0-beta.6

8 months ago

0.50.0-beta.5

8 months ago

0.50.0-beta.4

8 months ago

1.0.0

8 months ago

0.50.0-beta.3

8 months ago

0.50.0-beta.2

8 months ago

1.0.0-rc.0

9 months ago

0.50.0-beta.1

9 months ago

0.49.0-beta.2

9 months ago

0.50.0-beta.0

9 months ago

0.49.0

9 months ago

0.49.0-beta.1

9 months ago

0.48.0-beta.0

9 months ago

0.48.0-beta.1

9 months ago

0.48.0-beta.2

9 months ago

0.49.0-beta.0

9 months ago

0.48.1

9 months ago

0.43.0

1 year ago

0.44.0

12 months ago

0.45.0

11 months ago

0.42.5

1 year ago

0.48.0

10 months ago

0.46.0

11 months ago

0.47.1

10 months ago

0.47.2

10 months ago

0.47.0

11 months ago

0.42.4

1 year ago

0.42.3

1 year ago

0.42.2

1 year ago

0.42.1

1 year ago

0.42.0

1 year ago

0.41.2

1 year ago

0.41.1

1 year ago

0.41.0

1 year ago

0.40.5

1 year ago

0.40.4

1 year ago

0.40.3

1 year ago

0.40.2

2 years ago

0.40.1

2 years ago

0.36.0

2 years ago

0.40.0

2 years ago

0.35.1-rc.15

2 years ago

0.37.0

2 years ago

0.34.1-rc.0

2 years ago

0.35.1-rc.25

2 years ago

0.35.1-rc.26

2 years ago

0.35.1-rc.24

2 years ago

0.38.0

2 years ago

0.35.1-rc.34

2 years ago

0.34.0

2 years ago

0.35.1-rc.43

2 years ago

0.35.1-rc.41

2 years ago

0.39.1

2 years ago

0.39.0

2 years ago

0.35.0

2 years ago

0.39.4

2 years ago

0.39.3

2 years ago

0.39.2

2 years ago

0.31.1-react.21

2 years ago

0.32.0

2 years ago

0.31.1-react.3

2 years ago

0.31.1-react.2

2 years ago

0.33.2

2 years ago

0.33.0

2 years ago

0.30.0

2 years ago

0.31.0

2 years ago

0.10.9

2 years ago

0.10.8

2 years ago

0.10.10

2 years ago

0.10.11

2 years ago

0.10.7

2 years ago

0.10.6-react.75

2 years ago

0.10.6-react.49

2 years ago

0.10.6-react.48

2 years ago

0.10.6

2 years ago

0.10.6-react.50

2 years ago

0.10.3-react.54

3 years ago

0.10.3

3 years ago

0.10.4

2 years ago

0.10.5

2 years ago

0.10.6-react.32

2 years ago

0.10.1

3 years ago

0.10.2

3 years ago

0.10.0

3 years ago

0.9.0-devmode.0

3 years ago

0.8.13-devmode.0

3 years ago

0.8.12-devmode.7

3 years ago

0.8.12-devmode.0

3 years ago

0.9.0

3 years ago

0.8.12

3 years ago

0.8.11

3 years ago

0.8.10

3 years ago

0.8.9

3 years ago

0.8.8

3 years ago

0.8.7

3 years ago

0.8.6

3 years ago

0.8.5

3 years ago

0.8.4

3 years ago

0.8.4-express.9

3 years ago

0.8.3-express.12

3 years ago

0.8.2-express.41

3 years ago

0.8.3

3 years ago

0.8.2

3 years ago

0.7.1

4 years ago

0.8.1

4 years ago

0.8.0

4 years ago

0.7.1-lit-next.0

4 years ago

0.7.0

4 years ago

0.6.10

4 years ago

0.6.9

4 years ago

0.6.9-alpha.69

4 years ago

0.6.9-alpha.40

4 years ago

0.6.8

4 years ago

0.6.9-alpha.1

4 years ago

0.6.8-alpha.59

4 years ago

0.6.7

4 years ago

0.6.8-alpha.1

4 years ago

0.6.7-alpha.74

4 years ago

0.6.7-alpha.73

4 years ago

0.6.7-alpha.72

4 years ago

0.6.7-alpha.61

4 years ago

0.6.7-alpha.27

4 years ago

0.6.7-alpha.0

4 years ago

0.6.6

4 years ago

0.6.5-alpha.26

4 years ago

0.6.5

4 years ago

0.6.5-alpha.23

4 years ago

0.6.5-alpha.21

4 years ago

0.6.5-beta.10

4 years ago

0.6.5-beta.17

4 years ago

0.6.5-beta.16

4 years ago

0.6.5-beta.15

4 years ago

0.6.5-beta.14

4 years ago

0.6.5-beta.13

4 years ago

0.6.5-beta.12

4 years ago

0.6.5-beta.11

4 years ago

0.6.5-alpha.17

4 years ago

0.6.5-alpha.10

4 years ago

0.6.5-alpha.12

4 years ago

0.6.5-alpha.11

4 years ago

0.6.5-alpha.9

4 years ago

0.6.4

4 years ago

0.6.3

4 years ago

0.6.2

4 years ago

0.6.1

4 years ago

0.6.0

4 years ago

0.5.3-alpha.33

4 years ago

0.5.3

4 years ago

0.5.2

4 years ago

0.5.1

4 years ago

0.5.0

4 years ago

0.3.5-alpha.178

4 years ago

0.4.0-alpha.40

4 years ago

0.4.0

4 years ago

0.3.5-alpha.169

4 years ago

0.3.5-alpha.85

5 years ago

0.3.5-alpha.84

5 years ago

0.3.5-alpha.60

5 years ago

0.3.4

5 years ago

0.3.4-alpha.0

5 years ago

0.3.3

5 years ago

0.3.3-beta.17

5 years ago

0.3.3-alpha.17

5 years ago

0.3.2

5 years ago

0.3.1

5 years ago

0.3.0

5 years ago

0.2.4-alpha.71

5 years ago

0.2.4

5 years ago

0.2.4-alpha.28

5 years ago

0.2.3

5 years ago

0.2.2

5 years ago

0.2.1

5 years ago

0.2.0

5 years ago

0.1.1-alpha.38

5 years ago

0.1.1-alpha.6

5 years ago

0.1.0

5 years ago