Alert

When to use

Use an alert when you need to capture the user's immediate attention and facilitate interaction to convey additional information.

Anatomy

1. Icon
2. Text
3. Alert

 

 

 

 

Variations

1. Success
2. Info
3. Warning
4. Error

 

 

 

 

 

Where to use

✅ Form submission

✅ Validation message

✅ System notification

✅ Error message

✅ Time outs and session expirations

✅ Emergency annoucement