<sp-illustrated-message>

An `<sp-illustrated-message>` displays an outline illustration and a message, usually in an empty state or on an error page. It is also used inside a DropZone.

Category

Feedback

Built with

No library

Library

Spectrum Web Components

Author

Adobe

Package

@spectrum-web-components/illustrated-message

Component size

4.0 kB JS (minified + gzipped, JS includes dependencies beyond the library)

Library size

7.5 kB JS (shared by every Spectrum Web Components component, loaded once per page)

Popular

3 out of 5

Downloads

24,028/week · jsDelivr 4,973 hits/month (whole @spectrum-web-components/illustrated-message package)

Latest stable version

1.12.4

Last published

Sep 29, 2026

Component last changed

May 12, 2026 (in 1.12.0)

License

Apache-2.0

• Documentation
• Source code

• Documentation
• Source code

Attributes

• heading
• description

Slots

• heading
• description