Info Card
An information card is a content element used to highlight important messages with distinct visual cues. It offers four customizable options: Info for general informational content, Caution to draw attention to potential issues or recommendations, Warning for critical alerts that require immediate attention and Success to celebrate positive outcomes or achievements. Each option is designed to display in a different style, making it easy for users to quickly identify the nature of the message.
Information
Can be used for general informational content.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt vel sequi, eius quasi ipsam quae eos tempora maiores excepturi, aspernatur ad facilis? Doloribus qui facilis voluptates quidem provident laboriosam quod.
Caution
Can be used to draw attention to potential issues or recommendations.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt vel sequi, eius quasi ipsam quae eos tempora maiores excepturi, aspernatur ad facilis? Doloribus qui facilis voluptates quidem provident laboriosam quod.
Warning
Can be used for critical alerts that require immediate attention or improper ways of execution.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt vel sequi, eius quasi ipsam quae eos tempora maiores excepturi, aspernatur ad facilis? Doloribus qui facilis voluptates quidem provident laboriosam quod.
Success
to celebrate positive outcomes, achievements or proper ways of execution.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt vel sequi, eius quasi ipsam quae eos tempora maiores excepturi, aspernatur ad facilis? Doloribus qui facilis voluptates quidem provident laboriosam quod.