mirror of
https://github.com/shoelace-style/webawesome.git
synced 2026-01-12 04:09:12 +00:00
remove old and unsupported example (#1842)
This commit is contained in:
@@ -40,60 +40,6 @@ Set the `orientation` attribute to `vertical` to make a vertical button group.
|
|||||||
</wa-button-group>
|
</wa-button-group>
|
||||||
```
|
```
|
||||||
|
|
||||||
### Theme Buttons
|
|
||||||
|
|
||||||
Theme buttons are supported through the button group's `variant` attribute.
|
|
||||||
|
|
||||||
```html {.example}
|
|
||||||
<wa-button-group label="Alignment" variant="brand">
|
|
||||||
<wa-button>Left</wa-button>
|
|
||||||
<wa-button>Center</wa-button>
|
|
||||||
<wa-button>Right</wa-button>
|
|
||||||
</wa-button-group>
|
|
||||||
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<wa-button-group label="Alignment" variant="success">
|
|
||||||
<wa-button>Left</wa-button>
|
|
||||||
<wa-button>Center</wa-button>
|
|
||||||
<wa-button>Right</wa-button>
|
|
||||||
</wa-button-group>
|
|
||||||
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<wa-button-group label="Alignment">
|
|
||||||
<wa-button>Left</wa-button>
|
|
||||||
<wa-button>Center</wa-button>
|
|
||||||
<wa-button>Right</wa-button>
|
|
||||||
</wa-button-group>
|
|
||||||
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<wa-button-group label="Alignment" variant="warning">
|
|
||||||
<wa-button>Left</wa-button>
|
|
||||||
<wa-button>Center</wa-button>
|
|
||||||
<wa-button>Right</wa-button>
|
|
||||||
</wa-button-group>
|
|
||||||
|
|
||||||
<br /><br />
|
|
||||||
|
|
||||||
<wa-button-group label="Alignment" variant="danger">
|
|
||||||
<wa-button>Left</wa-button>
|
|
||||||
<wa-button>Center</wa-button>
|
|
||||||
<wa-button>Right</wa-button>
|
|
||||||
</wa-button-group>
|
|
||||||
```
|
|
||||||
|
|
||||||
You can still use the buttons’ own `variant` attribute to override the inherited variant.
|
|
||||||
|
|
||||||
```html {.example}
|
|
||||||
<wa-button-group label="Alignment" variant="brand">
|
|
||||||
<wa-button>Left</wa-button>
|
|
||||||
<wa-button>Center</wa-button>
|
|
||||||
<wa-button variant="neutral">Right</wa-button>
|
|
||||||
</wa-button-group>
|
|
||||||
```
|
|
||||||
|
|
||||||
### Pill Buttons
|
### Pill Buttons
|
||||||
|
|
||||||
Pill buttons are supported through the button's `pill` attribute.
|
Pill buttons are supported through the button's `pill` attribute.
|
||||||
|
|||||||
Reference in New Issue
Block a user