UnreviewedOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptional UnreviewedkeyReact/Preact reconciliation key when rendered inside a list.
Optional UnreviewedidHTML id attribute.
Optional UnreviewedclassHTML class attribute (standard DOM).
Optional UnreviewedclassReact/Preact-style class name. Alias for class.
Optional UnreviewedstyleInline styles applied to the element.
OptionalchildrenOptional UnreviewedslotAssigns the element to a named <slot> (e.g. slot="title").
Optional UnreviewedtabTab order. Set to 0 to make the element keyboard-focusable.
Optional UnreviewedroleARIA role override.
Optional UnrevieweddurationAuto-dismiss delay in ms (default 5000). Empty / non-positive uses the
default; Infinity keeps it until dismissed (sticky).
Optional UnreviewedleavingSet by the wrapper to request dismissal (a programmatic dismiss): the
element plays its exit and emits dismiss. Presence-based ('' on, omit off).
Optional UnreviewedrevBumped on an in-place update so the element restarts its auto-dismiss timer.
Optional UnreviewedcontentA live DOM node to show as the content (the wrapper's DOM-node branch); set as a property, not a string attribute. String / JSX content is slotted as children instead.
Optional UnreviewedondismissFires after the exit animation, when the toast has dismissed — a bubbling
CustomEvent. The owner removes the node in response. All-lowercase so both
renderers bind it (React 19 keeps the case after on; Preact lowercases).
Attributes for the
<a-toast>custom element — one item inside an<a-toaster>. A style-neutral container around slotted content: it owns the enter/exit animation and the auto-dismiss timer (paused on hover / focus), with no chrome of its own (no ✕, no surface — the content brings its own look and its own dismiss affordance). Route it to a placement zone withslot(slot="bottom-right", …). It never removes itself — on dismiss it animates out then emits a bubblingdismiss, and the owner removes the node. For an announcement, give itrole="status"(polite) orrole="alert"(assertive).