IllustrationMessageDesign
Different types of IllustrationMessageDesign.
Enum fields​
| Name | Description |
|---|---|
| Auto | Automatically 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. |
| Base | Base Illustration size (XS breakpoint). Suitable for cards (two columns).Note: When Base is in use, no illustration is displayed. |
| Dot Deprecated | Dot Illustration size (XS breakpoint). Suitable for table rows. Since 2.10.0, use ExtraSmall instead |
| Spot Deprecated | Spot Illustration size (S breakpoint). Suitable for cards (four columns). Since 2.10.0, use Small instead |
| Dialog Deprecated | Dialog Illustration size (M breakpoint). Suitable for dialogs. Since 2.10.0, use Medium instead |
| Scene Deprecated | Scene Illustration size (L breakpoint). Suitable for a Page or a table. Since 2.10.0, use Large instead |
| ExtraSmall | ExtraSmall Illustration size (XS breakpoint). Suitable for table rows. |
| Small | Small Illustration size (S breakpoint). Suitable for cards (four columns). |
| Medium | Medium Illustration size (M breakpoint). Suitable for dialogs. |
| Large | Large Illustration size (L breakpoint). Suitable for a Page or a table. |