Skip to main content

# 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.