Illustration

An illustration is an image and inline text that work in tandem to communicate a state in a more friendly way.

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, if the text is provided, such as size and color, 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.