FREE CSS COMPONENT
Alert
Keep alert copy short and make the semantic purpose clear to screen readers.
Live preview
Your changes have been saved.
HTML
<div class="demo-alert" role="status">Your changes have been saved.</div>
CSS
.demo-alert{padding:16px;border:1px solid #ccc;border-radius:7px;background:#f7f7f7;color:#222;font:14px/1.5 Inter,sans-serif}