Skip to main content

IllustrationMessageDesign

Different types of IllustrationMessageDesign.

Enum fields​

NameDescription
AutoAutomatically decides the Illustration size (Base, Dot, Spot, Dialog, or Scene) depending on the IllustratedMessage container width.
Note: Auto is the only option where the illustration size is changed according to the available container width. If any other IllustratedMessageSize is chosen, it remains until changed by the app developer.
BaseBase Illustration size (XS breakpoint). Suitable for cards (two columns).
Note: When Base is in use, no illustration is displayed.
DotDot Illustration size (XS breakpoint). Suitable for table rows.
SpotSpot Illustration size (S breakpoint). Suitable for cards (four columns).
DialogDialog Illustration size (M breakpoint). Suitable for dialogs.
SceneScene Illustration size (L breakpoint). Suitable for a Page or a table.