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

Docs: Icon Component - Update Default Width (#1466)

Browse Source 
* updating default width value in icon component docs
* noting default icon width change in 3.0.0-beta.5's changelog
This commit is contained in:
Brian Talbot
2025-09-18 09:33:09 -04:00
committed by GitHub
parent b4f45f4ff1
commit afe60eae69
2 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/webawesome/docs/docs/components/icon.md
View File

@@ -100,7 +100,7 @@ Icons are sized relative to the current font size. To change their size, set the
### Auto Width
By default, icons have a 1em height and a fixed 1em width. Use the `auto-width` attribute to allow the icon to use its natural variable width.
By default, icons have a `1em` height and a fixed `1.25em` width. Use the `auto-width` attribute to allow the icon to use its natural variable width.
```html {.example}
Without auto-width<br />

1
packages/webawesome/docs/docs/resources/changelog.md
View File

@@ -21,6 +21,7 @@ Components with the <wa-badge variant="warning">Experimental</wa-badge> badge sh
- 🚨 BREAKING: Updated `<wa-icon>` to use Font Awesome 7 [pr:1222]
- Added the `auto-width` attribute to automatically size icons, since FA7 is fixed-width by default now
- Changed the default width of icons to `1.25em` to match FA7's fixed-width proportions
- Improved support for duotone icons in `<wa-icon>`, including custom colors, custom opacity, and opacity swapping
- Removed the `fixed-width` attribute as it's now the default behavior
- 🚨 BREAKING: Renamed the `icon-position` attribute to `icon-placement` in `<wa-details>` [discuss:1340]