@spectrum-web-components/button-group 1.3.0-testing.0 → 1.3.1-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +11 -3
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
##
|
|
1
|
+
## Overview
|
|
2
2
|
|
|
3
3
|
`sp-button-group` delivers a set of buttons in horizontal or vertical orientation while ensuring the appropriate spacing between those buttons.
|
|
4
4
|
|
|
@@ -24,7 +24,11 @@ When looking to leverage the `ButtonGroup` base class as a type and/or for exten
|
|
|
24
24
|
import { ButtonGroup } from '@spectrum-web-components/button-group';
|
|
25
25
|
```
|
|
26
26
|
|
|
27
|
-
|
|
27
|
+
### Options
|
|
28
|
+
|
|
29
|
+
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.
|
|
30
|
+
|
|
31
|
+
#### Horizontal
|
|
28
32
|
|
|
29
33
|
```html
|
|
30
34
|
<sp-button-group>
|
|
@@ -34,7 +38,7 @@ import { ButtonGroup } from '@spectrum-web-components/button-group';
|
|
|
34
38
|
</sp-button-group>
|
|
35
39
|
```
|
|
36
40
|
|
|
37
|
-
|
|
41
|
+
#### Vertical
|
|
38
42
|
|
|
39
43
|
```html
|
|
40
44
|
<sp-button-group vertical>
|
|
@@ -43,3 +47,7 @@ import { ButtonGroup } from '@spectrum-web-components/button-group';
|
|
|
43
47
|
<sp-button>Short 3</sp-button>
|
|
44
48
|
</sp-button-group>
|
|
45
49
|
```
|
|
50
|
+
|
|
51
|
+
### Accessibility
|
|
52
|
+
|
|
53
|
+
Review the guidelines for the [button](../button#accessibility-guidelines) children.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spectrum-web-components/button-group",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.1-beta.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -58,8 +58,8 @@
|
|
|
58
58
|
"lit-html"
|
|
59
59
|
],
|
|
60
60
|
"dependencies": {
|
|
61
|
-
"@spectrum-web-components/base": "
|
|
62
|
-
"@spectrum-web-components/button": "
|
|
61
|
+
"@spectrum-web-components/base": "1.3.1-beta.0",
|
|
62
|
+
"@spectrum-web-components/button": "1.3.1-beta.0"
|
|
63
63
|
},
|
|
64
64
|
"devDependencies": {
|
|
65
65
|
"@spectrum-css/buttongroup": "8.0.0-s2-foundations.15"
|