Illustration

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

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

NameTypeDescription

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.

Last updated