Illustration
An illustration is an image and inline text that work in tandem to communicate a state in a more friendly way.
![](https://flow.avonnicomponents.com/~gitbook/image?url=https%3A%2F%2F27923732-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F1FUd4apB9YHgCEMUFbVb%252Fuploads%252FTVJt8Lz5Of0pA6lKMNwQ%252FIllustration.png%3Falt%3Dmedia%26token%3Dba3eee26-e806-47cd-999d-5a94bdaf23eb&width=768&dpr=4&quality=100&sign=386c558c&sv=1)
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 |
Events
No events are available.
Styling Hooks
No styling hooks are available.
Last updated