Illustration

An illustration is an image and inline text that work together to communicate a state more friendlyly.

The Illustration is also available as an Experience Cloud Component. >> View Documentation

Overview

The Illustration Flow Screen component is a user interface element that displays a graphic illustration. It can depict a specific concept or object or add visual interest to the interface. Illustrations are often used to enhance the design and user experience and can help to clarify and convey complex or abstract ideas visually.

The Illustration component can also include formatting options, such as size and color if the text is provided to help the illustration stand out and convey the desired message or concept.

---

Changing the Properties

• Variant: select the type of illustration you'd like to display.

• Size: to set an illustration size.

• Title: Illustation's title in bold.

• Content: text description of the illustration.

---

Adding Interactions

No interactions are available for the illustration component.

---

Styling the Illustration

No styling settings are available for the illustration component.

---

Examples

No examples are available.

---

Specifications

Attributes

Name	Type	Description
content	String	The illustration text content.
size	String	The illustration size. Valid options include 'small', 'large'.
title	String	The illustration title.
variant	String	The variant types of illustrations. Valid values include text-only, going-camping, gone_fishing, maintenance, desert, open-road, no-access, no-connection, not-available-in-lightning, page-not-available, walkthrough-not-available, fishing-deals, lake-mountain, no-events, no-events-2, no-task, no-task-2, setup, gone-fishing, no-access-2, no-content, no-preview, preview and research.

Events

No events are available.

Styling Hooks

No styling hooks are available.