A polite status message retained until the application updates or removes it. It does not expire, move focus or create an overlay. Use cem-alert for inline severity and cem-progress for measurable work.
Full examples and variation matrix · Property playground · Automated stories
Public attributes and slots
Public attribute inventory| Attribute | Contract |
|---|
label | Fallback message or progress accessible name. Projected default content replaces message text. |
|---|
class | Consumer styling class; part=root identifies the owned surface. |
|---|
hidden | Native host visibility; hidden=until-found retains browser behavior. |
|---|
dir | Inherited native ltr or rtl direction. |
|---|
Default slot replaces the label fallback. No named slots. Skeleton payload is decorative and inert.
Projected message
{cem-module-url @slice=sourceUrl @src="@epa-wg/cem-components/components/cem-toast/cem-toast.xhtml"}{cem:if @test="datadom.slices.sourceUrl" | {p | {a @href="{$datadom.slices.sourceUrl}" | Open canonical XHTML}}{cem-demo-element @legend="Canonical source" @src="{$datadom.slices.sourceUrl}" @type=xml @demo=false}}