Scheduled Maintenance Notice Email
Email-safe service maintenance notice with a relative maintenance window, affected services table with impact labels, what to expect list and status page button.
Tag: notification
Components tagged with "notification".
8 component(s)
Notification Dot and Count Badges
Pure CSS notification badges: count bubbles, 99+ pills, pulsing dots and status dots positioned on icon buttons, avatars and text buttons.
New Sign-In Security Alert Email
Email-safe security alert template for a new sign-in: device, browser, location, IP and time rows plus "This was me" and "Secure my account" buttons.
Toast with Progress Bar
Stacked toast notifications with a CSS countdown progress bar that pauses on hover or focus and closes the toast when it runs out.
Dismissible Alerts with Icons
Bootstrap 5 dismissible alerts with icons, headings, per-alert close buttons, dismiss all, restore and screen reader announcements.
Bootstrap Toast Stack
Bootstrap 5 toast notifications in a corner stack: success, info, warning and error buttons, selectable corner, auto-hide with a progress bar and a stack limit.
Alerts Collection
Tailwind CSS alerts collection with success, warning, error and info variants, icons, action links and accessible dismiss buttons.
Toast Notifications
Stacking Tailwind CSS toast notifications for success, error and info with auto-dismiss countdown, pause on hover and accessible live region.