Alert

A component to display alert messages to users.

1

Solid Color

This is an Primary alert message.

This is an Danger alert message.

This is an Info alert message.

This is an Warning alert message.

This is an Success alert message.

2

Outline

This is an Primary alert message.

This is an Danger alert message.

This is an Info alert message.

This is an Warning alert message.

This is an Success alert message.

3

Soft Color

This is an Primary alert message.

This is an Danger alert message.

This is an Info alert message.

This is an Warning alert message.

This is an Success alert message.

4

With Icon

This is an Primary alert message.

5

With Icon and Description

This is an Primary alert message.

This is a more detailed description of the alert message to provide additional context to the user.

6

With Icon and List

This is an Primary alert message.

First item in the alert list.
Second item providing more details.
Third item to complete the list.

On this page