Alert

A versatile alert component for displaying status messages, notifications, and feedback with multiple variants and styles.

Basic

Insert your alert title here!

Filled (Default)

Insert your alert title here!
Insert your alert title here!
Insert your alert title here!
Insert your alert title here!
Insert your alert title here!

Light

Insert your alert title here!
Insert your alert title here!
Insert your alert title here!
Insert your alert title here!
Insert your alert title here!

Lighter

Insert your alert title here!
Insert your alert title here!
Insert your alert title here!
Insert your alert title here!
Insert your alert title here!

Stroke

Insert your alert title here!
Insert your alert title here!
Insert your alert title here!
Insert your alert title here!
Insert your alert title here!

xSmall

Insert your alert title here!
Insert your alert title here!
Insert your alert title here!
Insert your alert title here!

Small (Default)

Insert your alert title here!
Insert your alert title here!
Insert your alert title here!
Insert your alert title here!

Large

Insert your alert title here!
Insert the alert description here. It would look better as two lines of text.
Insert your alert title here!
Insert the alert description here. It would look better as two lines of text.
Insert your alert title here!
Insert the alert description here. It would look better as two lines of text.
Insert your alert title here!
Insert the alert description here. It would look better as two lines of text.