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

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.

Last updated

Was this helpful?