Mercurial
diff design_system/src/components/alert.js @ 254:2b6e732087ff
[ui] Add complete native component catalog
Co-authored-by: Copilot <[email protected]>
| author | MrJuneJune <me@mrjunejune.com> |
|---|---|
| date | Tue, 04 Aug 2026 15:12:09 -0700 |
| parents | 117c4d53c9a4 |
| children |
line wrap: on
line diff
--- a/design_system/src/components/alert.js Tue Aug 04 12:21:19 2026 -0700 +++ b/design_system/src/components/alert.js Tue Aug 04 15:12:09 2026 -0700 @@ -1,3 +1,8 @@ +/** + * Presents a semantic status message with optional dismissal. + * + * @extends {HTMLElement} + */ export class ZenAlert extends HTMLElement { static get observedAttributes() { return ["dismissible", "tone"]; @@ -50,7 +55,9 @@ dismiss.dataset.zenDismiss = ""; dismiss.dataset.zenGenerated = "true"; dismiss.setAttribute("aria-label", "Dismiss message"); - dismiss.textContent = "×"; + const icon = document.createElement("zen-icon"); + icon.setAttribute("name", "close"); + dismiss.append(icon); this.append(dismiss); } if (dismiss === this._dismissControl) return;