Alerts Component
Highly reusable, modular alert messages for contextual user feedback.
Theme & Brand Alerts
Standard contextual alerts styled with Spark Admin design system.
Spark Lime: High priority system announcement or promo alert!
Dark Forest: Core administrative status updated successfully.
Success: Operation completed without any errors.
Danger: Failed to authenticate credentials. Please retry.
Warning: Database disk usage reached 85% capacity.
Info: New maintenance update scheduled for midnight.
Soft Translucent Accent Alerts
Modern soft alerts with solid colored left border highlights.
Soft Lime: Perfect for modern subtle highlights and tips.
Soft Forest: Clean, elegant administrative notifications.
Soft Success: Order payment received successfully.
Soft Danger: Server connection timeout occurred.
Soft Warning: Subscription renewal due in 3 days.
Soft Info: You can drag widgets to customize layout.
Dismissible Alerts
Add a close button (`btn-close`) to let users dismiss alert banners.
Pro Feature Unlocked! You can now export reports to CSV.
Access Revoked: Your session has expired on another device.
Storage Alert: Clear temporary logs to free up space.
Rich Content Alerts
Alerts containing headings, dividers, paragraphs, and action buttons.
System Backup Completed
All workspace files and database snapshots were saved securely to cloud storage at 04:00 AM UTC.
File Size: 1.4 GB
Reusable Code Snippets
Copy and paste these lightweight code snippets directly into your modules.
Brand Lime Alert
<div class="alert alert-lime">
<i class="bi bi-sparkles me-2"></i> Spark Lime Alert!
</div>
Soft Translucent Alert
<div class="alert alert-soft-success d-flex align-items-center gap-2">
<i class="bi bi-check-lg"></i> Operation successful!
</div>