add vertical orientation to button groups; fixes #185

docs/docs/components/button-group.md

@@ -42,6 +42,31 @@ All button sizes are supported, but avoid mixing sizes within the same button gr
 </wa-button-group>
 ```
 
+### Vertical button groups
+
+Set the `orientation` attribute to `vertical` to make a vertical button group.
+
+```html {.example}
+<wa-button-group orientation="vertical" label="Options" style="max-width: 80px;">
+  <wa-button>
+    <wa-icon slot="prefix" name="plus"></wa-icon>
+    New
+  </wa-button>
+  <wa-button>
+    <wa-icon slot="prefix" name="folder-open"></wa-icon>
+    Open
+  </wa-button>
+  <wa-button>
+    <wa-icon slot="prefix" name="save"></wa-icon>
+    Save
+  </wa-button>
+  <wa-button>
+    <wa-icon slot="prefix" name="print"></wa-icon>
+    Print
+  </wa-button>
+</wa-button-group>
+```
+
 ### Theme Buttons
 
 Theme buttons are supported through the button's `variant` attribute.

docs/docs/resources/changelog.md

@@ -16,6 +16,7 @@ During the alpha period, things might break! We take breaking changes very serio
 
 - Added support for <kbd>Enter</kbd> to `<sl-split-panel>` to align with ARIA APG's [window splitter pattern](https://www.w3.org/WAI/ARIA/apg/patterns/windowsplitter/)
 - Added more resilient support for lazy loaded options in `<wa-select>`
+- Added support for vertical button groups
 - Fixed a bug in `<wa-rating>` when using `precision`
 - Fixed a bug in `<wa-relative-time>` where the title attribute would show with redundant info
 - Fixed a bug in `<wa-tooltip>` that caused a memory leak in disconnected elements