Informational Box

Informational box component serves to display important information or content within a user interface. It is typically used to highlight key messages, announcements, alerts, or explanations that require users' attention.

Styles

Each type of toast conveys a specific message through its style and context. The available options are info, warning, success, and error. Select the appropriate semantic type based on the nature of the message you want to communicate.

neutral

For enhanced security, always use two-factor authentication when accessing your digital identity or personal records online.

prominent

For enhanced security, always use two-factor authentication when accessing your digital identity or personal records online.

warning

For enhanced security, always use two-factor authentication when accessing your digital identity or personal records online.

error

For enhanced security, always use two-factor authentication when accessing your digital identity or personal records online.

Variations

Informational boxes can appear in a variety of formats depending on the context and user needs.

with icon

For enhanced security, always use two-factor authentication when accessing your digital identity or personal records online.

icon-none

For enhanced security, always use two-factor authentication when accessing your digital identity or personal records online.

with heading

Understanding Your Digital Identity

For enhanced security, always use two-factor authentication when accessing your digital identity or personal records online.

with close

Understanding Your Digital Identity

For enhanced security, always use two-factor authentication when accessing your digital identity or personal records online.

with link

Understanding Your Digital Identity

For enhanced security, always use two-factor authentication when accessing your digital identity or personal records online.

Learn more

with action

Understanding Your Digital Identity

For enhanced security, always use two-factor authentication when accessing your digital identity or personal records online.

Target Sizes

Touch and click target sizes are crucial for creating interfaces that are both user-friendly and accessible. Consistent sizing improves usability, reduces errors, and supports users across various input methods and devices.

pointer-devices

Understanding Your Digital Identity

For enhanced security, always use two-factor authentication when accessing your digital identity or personal records online.