pantoken / renderers/web-components/src / alert

Változó: alert

const alert: ElementDefinition

Alfa

<instui-alert> – egy beágyazott állapotüzenet role="alert" funkcióval. A(z) variant attribútum a(z) -color-<variant> módosítóra képeződik le (info, success, warning, danger). Az értesítések alapértelmezés szerint kiemeltek; állítsa be a(z) has-shadow="false" értéket a laposításhoz (→ -without-shadow, tükrözve az InstUI hasShadow={false} megoldását). A(z) timeout attribútum (ezredmásodperc) a késleltetés után automatikusan bezárja a figyelmeztetést – az elhalványul, eltávolítja magát a DOM-ból, és egy visszavonható, buborékoló dismiss eseményt vált ki (hívja meg rajta a(z) preventDefault() metódust az alert csatlakoztatva tartásához). Az elhalványítási állapotok a(z) @pantoken/components transition segédprogramját használják; töltse be annak stíluslapját az időtúllépéses bezárás használatakor. A slotted tartalom az üzenet törzse.

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> -->