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

Better docs

Browse Source
This commit is contained in:
Lea Verou
2025-01-07 17:44:22 -05:00
parent f12de60739
commit 4103cea723
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
docs/docs/components/icon.md
View File

@@ -35,10 +35,15 @@ You can set the icon's family, name, and variant via CSS custom properties. This
This is a callout.
</wa-callout>
<wa-callout variant=danger>
<wa-callout variant="danger">
<wa-icon slot="icon" name="dumpster-fire" variant="solid"></wa-icon>
This is a callout with an explicit icon.
</wa-callout>
<wa-callout variant="warning">
<!-- Look ma, no attributes! -->
<wa-icon slot="icon"></wa-icon>
Houston, we have a problem.
Here be dragons.
</wa-callout>
<style>
@@ -46,8 +51,8 @@ wa-callout {
--wa-icon-variant: regular;
--wa-icon-name: info-circle;
&[variant=danger] {
--wa-icon-name: circle-exclamation;
&[variant="warning"] {
--wa-icon-name: triangle-exclamation;
}
}
</style>