Notification | Mantis Bootstrap 5 Admin Template

Basic Component

Alert Button Badges Breadcrumb Cards Color Collapse Carousel Dropdowns Offcanvas Pagination Progress List group Modal Spinner Tabs & pills Tooltip Toasts Typography Other

Advance Component

Sweet alert Datepicker Lightbox Model Notification Range slider Slider Syntax Highlighter Tour Tree view

Explore Components

Notifications

Beautiful notifications with CSS and Vanilla JavaScript!

Reference

Notification Alert

Notification with Icons

Auto Close Notifications

Using the notification.hide() method

Theme Layout
Choose your layout

Direction

RTL
Theme Mode
Choose light or dark mode

Light Dark
Color Scheme
Choose your primary theme color

Theme 1 Theme 2 Theme 3 Theme 4 Theme 5 Theme 6 Theme 7 Theme 8 Theme 9
Layout Width
Choose fluid or container layout

Fluid Container
Font Family
Choose your font family.

AaPublic Sans AaRoboto AaPoppins AaInter

Basic Component

Advance Component

Notifications

Notification Alert

Notification with Icons

Auto Close Notifications

Using the notification.hide() method

Mantis Customizer

Theme Layout

Theme Mode

Color Scheme

Layout Width

Font Family