Alert Component
Six color variants in floating card and full-width banner styles with optional actions and close button.
Floating — Default
We've just released a new feature
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid pariatur, ipsum dolor.
We've just released a new feature
Floating — Brand
We've just released a new feature
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid pariatur, ipsum dolor.
Floating — Gray
We've just released a new feature
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid pariatur, ipsum dolor.
Floating — Error
There was a problem with that action
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid pariatur, ipsum dolor.
Floating — Warning
Just to let you know this might be a problem
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid pariatur, ipsum dolor.
Floating — Success
Successfully updated profile
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid pariatur, ipsum dolor.
Full-Width — Default
We've just released a new feature
Lorem ipsum dolor sit amet consectetur.
Full-Width — Brand
We've just released a new feature
Lorem ipsum dolor sit amet consectetur.
Full-Width — Gray
We've just released a new feature
Lorem ipsum dolor sit amet consectetur.
Full-Width — Error
There was a problem with that action
Lorem ipsum dolor sit amet consectetur.
Full-Width — Warning
Just to let you know this might be a problem
Lorem ipsum dolor sit amet consectetur.
Full-Width — Success
Successfully updated profile
Lorem ipsum dolor sit amet consectetur.
Interactive — Click X to Dismiss
This alert can be closed
Click the X button to dismiss this alert.
This error can be dismissed
Click dismiss or the X button.