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. |
| Dialog Deprecated | Dialog Illustration size (M breakpoint). Suitable for dialogs. Since 2.10.0, use Medium instead |
| Dot Deprecated | Dot Illustration size (XS breakpoint). Suitable for table rows. Since 2.10.0, use ExtraSmall instead |
| ExtraSmall | ExtraSmall Illustration size (XS breakpoint). Suitable for table rows. |
| Large | Large Illustration size (L breakpoint). Suitable for a Page or a table. |
| Medium | Medium Illustration size (M breakpoint). Suitable for dialogs. |
| Scene Deprecated | Scene Illustration size (L breakpoint). Suitable for a Page or a table. Since 2.10.0, use Large instead |
| Small | Small Illustration size (S breakpoint). Suitable for cards (four columns). |
| Spot Deprecated | Spot Illustration size (S breakpoint). Suitable for cards (four columns). Since 2.10.0, use Small instead |