COMPONENT
Status Alert
Kompakter Hinweisbaustein für Info, Erfolg, Warnung und Fehler.
Implementierungen
HTML · HTML + CSS + JS
index.html
<div class="alert" role="status"><strong>Alles gespeichert</strong><span>Deine Änderungen wurden übernommen.</span></div><style>.alert{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;display:grid;gap:4px;padding:16px 18px;border:1px solid #86efac;background:#f0fdf4;color:#166534;border-radius:10px;max-width:560px}</style>