Alert

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.

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.

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.

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.
Feedback