pantoken / renderers/web-components/src / alert

Változó: alert

const alert: ElementDefinition

Alfa

<instui-alert> — egy soron belüli státusz üzenet role="alert" értékkel. A variant attribútum a -color-<variant> módosítóhoz kötődik (info, success, warning, danger). Az értesítések alapértelmezettként kiemelt helyzetben vannak; a has-shadow="false" beállítása egyiket lelapít (→ -without-shadow, tükrözve az InstUI hasShadow={false}-t). A timeout attribútum (milliszekundumok) automatikusan bezárja az értesítést az adott késleltetés után — fokozatosan eltűnik, eltávolítja magát a DOM-ból, és egy törlendő bubbling dismiss eseményt indít (hívjon meg preventDefault()-t rajta az értesítés helyen tartásához). A slot tartalma az üzenet szövege.

Példa

<instui-alert variant="success" margin="0 0 small">Your changes were saved.</instui-alert>
<instui-alert variant="info" has-shadow="false">A flat, inline notice.</instui-alert>
<!-- auto-dismisses after 5s, firing a cancelable `dismiss` event: -->
<!-- <instui-alert variant="warning" timeout="5000">Saving…</instui-alert> -->

Your changes were saved.A flat, inline notice.