Error Alert

alerts

CSS

HTML

<div class="alert">
  <svg class="alert-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
    <circle cx="12" cy="12" r="10" />
    <path d="M12 8v4m0 4h.01" />
  </svg>
  Something went wrong.
</div>

Live Preview

Alert message here

Edit the CSS on the left to see live changes. The styles are scoped to the preview area.