Alert

An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.

Preview -

This is a success alert— check it out!

This is an info alert— check it out!

This is a warning alert— check it out!

This is a danger alert— check it out!

Code -

Preview -

Success

This is a success alert — check it out!

Info

This is an info alert — check it out!

Warning

This is a warning alert — check it out!

Danger

This is a danger alert — check it out!

Code -

Preview -

This is a success alert— check it out!

Code -

My UI