Illustration
The Avonni Illustration displays graphic illustrations to add visual interest and clarify concepts within user interfaces

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
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
Was this helpful?