Alerts

Vanilla CSS Design System

Basic Alerts

Success! This is a success alert.

×

Warning! This is a warning alert.

×

Error! This is an error alert.

× 
<div class="alert alert-success">...</div>
<div class="alert alert-warning">...</div>
<div class="alert alert-error">...</div>
Necessary workaround for making dark mode work with PurgeCSS. You can move this item but not delete it. Necessary workaround for making helix mode work with PurgeCSS. You can move this item but not delete it.