Message

this api is experimental (the button prop may be changed to an optional action callback)
:-)

Message with icon="😑" and button={true}

Message with status="error"

bad things went wrong

Message with status="error"and and slot content {<div slot="icon" style:line-height="1"><div style:font-size="var(--font_size_xl3)">🔥</div>😊</div>

Message with status="help"

👉
here's how to fix it

Message with status="help"and icon="🔑" and button={true}