Alert

Alerts are versatile components that provide users with important information or feedback on various actions or system states. They come in four contextual classes: Informational, Success, Warning, and Danger. Each class corresponds to a different type of message and is designed to convey a specific level of urgency or meaning.
Success Alert
- Use Case: Indicate successful completion of an action or operation.
- Example Scenario: Display a success message after a user successfully submits a form.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Informational Alert
- Use Case: Provide users with non-critical information or helpful tips.
- Example Scenario: Display a notification with a link to additional resources or documentation.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Warning Alert
- Use Case: Warn users about potential issues or actions that may need attention.
- Example Scenario: Notify users about an upcoming system maintenance period.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Danger Alert
- Use Case: Communicate critical errors or problems that require immediate attention.
- Example Scenario: Notify users about a failed operation or an error in their input.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.