Spectrum Design Data
  • Components
  • Tokens
  • Registry
  • AI
  • Tools
    •

    Illustrated message

    Spectrum docs

    An illustrated message displays an illustration with a short title and description, often used for empty states or error states.

    Property Type Values Default Required Description
    illustration string - - No Optional illustration or icon displayed above the message.
    size string s, m, l m No Size of the illustration.
    orientation string vertical, horizontal vertical No Orientation of the illustrated message.
    title string - - No Primary heading text of the message.
    description string - - No Secondary descriptive text providing context or instructions.
    primaryActionLabel string - - No Label for the primary action button. If undefined, no primary action is shown.
    secondaryActionLabel string - - No Label for the secondary action button. If undefined, no secondary action is shown.