Alert

A pretty helpful component to show emphasized information to the user.

Default

This is blue alert.
This is green alert.
This is yellow alert.
This is red alert.
This is dark (zinc) alert.
This is neutral alert.
This is light (stone) alert.
This is info (blue) alert.

With Icon

This is blue alert.
This is green alert.
This is yellow alert.
This is red alert.
This is neutral alert.
This is info (blue) alert.

Dismissable

This is green alert.
This is red alert.
This is dark (zinc) alert.
This is neutral alert.
This is light (stone) alert.
This is info (blue) alert.

Light

This is blue alert.
This is green alert.
This is yellow alert.
This is red alert.
This is neutral alert.
This is info alert.

Heading

Blue

This is blue alert.

Green

This is green alert.

Yellow

This is yellow alert.

Red

This is red alert.

Black

This is dark (zinc) alert.

Neutral

This is neutral alert.

Light

This is light (stone) alert.

Info

This is info (blue) alert.