Michelle Moreno
Have sent a photo
3 min ago
Alerts
Notice cards, dismissible inline alerts, toast notifications, and accent-rail attention surfaces.
NOTICE CARDS
New version deployed
Version 3.1.0 is now live with improved analytics and a redesigned billing flow.
Backup completed
Your weekly backup finished in 2m 14s. 4.2 GB of data was archived.
Storage almost full
You’re using 82% of your 100 GB plan. Consider upgrading.
Payment failed
Your card ending in 4242 was declined. Please update your billing details.
BOOTSTRAP DISMISSIBLE ALERTS
Inline dismissible alerts
Bootstrap 5 .alert components — click the × to dismiss.
Heads up — this is an informational alert with default Bootstrap styling.
Success! Your changes have been saved.
Warning — please double-check your input before submitting.
Error — couldn’t connect to the server. Please try again later.
TOAST NOTIFICATIONS
Trigger a toast
Click any button to fire a toast — the API is window.toast.success(message) et al.
ACCENT-RAIL CARDS
Brand
Calls attention without going loud.
Success
For positive states.
Warning
For "heads up" states.
Danger
For failures.
Copyright © 2026 Colorlib. All rights reserved. Template by Colorlib.