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

Remove color example

Browse Source
This commit is contained in:
Cory LaViska
2020-08-20 08:45:33 -04:00
parent 7183ddc172
commit eed5a61300
1 changed files with 0 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
docs/components/icon-button.md
View File

@@ -24,24 +24,6 @@ Icon buttons inherit their parent element's `font-size`.
<sl-icon-button name="pencil" style="font-size: 2.5rem;"></sl-icon-button>
```
### Colors
You can customize icon button's color by styling its `base` part.
```html preview
<sl-icon-button name="x-circle-fill" class="icon-button-colors"></sl-icon-button>
<style>
.icon-button-colors::part(base) {
color: tomato;
}
.icon-button-colors::part(base):hover {
color: #e64a2e;
}
</style>
```
### Icon Button with Tooltip
Wrap a tooltip around an icon button to provide contextual information to the user.