js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add examples for native buttons in button group

Browse Source
This commit is contained in:
Lea Verou
2024-12-20 13:06:17 -05:00
parent c33d17b4a2
commit 307c989e3b
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/docs/components/button-group.md
View File

@@ -139,14 +139,16 @@ Pill buttons are supported through the button's `pill` attribute.
</wa-button-group>
```
### Dropdowns in Button Groups
### Dropdowns and Native Buttons in Button Groups
Dropdowns can be placed inside button groups as long as the trigger is an `<wa-button>` element.
Other elements can also be placed inside button groups:
- Native buttons as long as their [native styles](/docs/native/button) are included
- Dropdowns as long as the trigger is either a `<wa-button>`, or a `<button>` with [native styles](/docs/native/button) included.
```html {.example}
<wa-button-group label="Example Button Group">
<wa-button>Button</wa-button>
<wa-button>Button</wa-button>
<button>Native Button</button>
<wa-dropdown hoist>
<wa-button slot="trigger" caret>Dropdown</wa-button>
<wa-menu>