styles
  • elements
  • forms
  • icon sizes
  • typography
    • components
  • Dialog
  • HueInput
  • Breadcrumbs
  • Message
  • PendingAnimation
  • PendingButton
  • Teleport

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