secondaryActionLabel

The secondary button provides a less prominent action that supports the overall message but is not the primary goal. It offers users an alternative path that's relevant but lower priority.

primaryActionLabel

The primary button serves as the main call to action. It's the clearest, most direct path forward for the user, and it should align with the purpose of the message. In an illustrated message—where visuals and copy work together to guide attention—the primary button anchors the experience.

description

The description supports the illustration and buttons by delivering the core message in plain language. It helps users quickly grasp the purpose of the message and decide what to do next.

title

A clear title for the description section in an illustrated message

orientation

Orientation affects how users perceive and interact with content. Illustrated message layout can be horizontal or vertical.

size

Illustrated messages come in three different sizes: small, medium, and large. The medium size is the default and most frequently used option.

illustration

The illustration sets the tone and draws attention. It visually reinforces the message's purpose and helps users quickly understand the context before reading any text or taking action.