Demo: Toasts - UI elements | Materio - Bootstrap Dashboard PRO

Dashboards

5
- CRM
- Analytics
- eCommerce
- Logistics
- Academy
Layouts
Front Pages
- Landing
- Pricing
- Payment
- Checkout
- Help Center
Apps & Pages
Email
Chat
Calendar
Kanban
eCommerce
Academy
Logistics
- Dashboard
- Fleet
Invoice

4
- List
- Preview
- Edit
- Add
Users
- List
- View
Roles & Permissions
- Roles
- Permission
Pages
- User Profile
  - Profile
  - Teams
  - Projects
  - Connections
- Account Settings
- FAQ
- Pricing
- Misc
Authentications
- Login
  - Basic
  - Cover
- Register
  - Basic
  - Cover
  - Multi-steps
- Verify Email
  - Basic
  - Cover
- Reset Password
  - Basic
  - Cover
- Forgot Password
  - Basic
  - Cover
- Two Steps
  - Basic
  - Cover
Wizard Examples
Modal Examples
Components
Cards

6
- Basic
- Advance
- Statistics
- Analytics
- Gamifications
- Actions
User interface
- Accordion
- Alerts
- Badges
- Buttons
- Carousel
- Collapse
- Dropdowns
- Footer
- List Groups
- Modals
- Navbar
- Offcanvas
- Pagination & Breadcrumbs
- Progress
- Spinners
- Tabs & Pills
- Toasts
- Tooltips & Popovers
- Typography
Extended UI
- Avatar
- BlockUI
- Drag & Drop
- Media Player
- Perfect Scrollbar
- Star Ratings
- SweetAlert2
- Text Divider
- Timeline
  - Basic
  - Fullscreen
- Tour
- Treeview
- Miscellaneous
Icons
Forms & Tables
Form Elements
- Basic Inputs
- Input groups
- Custom Options
- Editors
- File Upload
- Pickers
- Select & Tags
- Sliders
- Switches
- Extras
Form Layouts
Form Wizard
- Numbered
- Icons
Form Validation
Tables
Datatables
Charts & Maps
Charts
- Apex Charts
- ChartJS
Leaflet Maps
Misc
Multi Level
- Level 2
  - Level 3
Support
Documentation

- English
- French
- Arabic
- German
Toggle theme
Shortcuts

Calendar Appointments

Invoice App Manage Accounts

User App Manage Users

Role Management Permission

Dashboard User Dashboard

Setting Account Settings

FAQs FAQs & Articles

Modals Useful Popups
- Notification
  
  8 New
- - Congratulation Lettie 🎉
    Won the monthly best seller gold badge 1h ago
  - CF
    
    Charles Franklin
    Accepted your connection 12hr ago
  - New Message ✉️
    You have new message from Natalie 1h ago
  - Whoo! You have new order 🛒
    ACME Inc. made new order $1,154 1 day ago
  - Application has been approved 🚀
    Your ABC project application has been approved. 2 days ago
  - Monthly report is generated
    July monthly financial report is generated 3 days ago
  - Send connection request
    Peter sent you connection request 4 days ago
  - New message from Jane
    Your have new message from Jane 5 days ago
  - CPU is running high
    CPU Utilization Percent is currently at 88.63%, 5 days ago
- View all notifications
- John Doe
  Admin
- My Profile
- Settings
- Billing 4
- Pricing
- FAQ
- Logout

Bootstrap

11 mins ago

Hello, world! This is a toast message.

Bootstrap

11 mins ago

Hello, world! This is a toast message.

Bootstrap Toasts Example with Animation

Type

Animation

Bootstrap Toasts Example With Placement

Type

Placement

Bootstrap Toasts Styles

Default

Bootstrap

11 mins ago

Hello, world! This is a toast message.

Bootstrap

11 mins ago

Hello, world! This is a toast message.

Bootstrap

11 mins ago

Hello, world! This is a toast message.

Bootstrap

11 mins ago

Hello, world! This is a toast message.

Bootstrap

11 mins ago

Hello, world! This is a toast message.

Bootstrap

11 mins ago

Hello, world! This is a toast message.

Bootstrap

11 mins ago

Hello, world! This is a toast message.

Bootstrap

11 mins ago

Hello, world! This is a toast message.

Translucent

Bootstrap

11 mins ago

Hello, world! This is a toast message.

Bootstrap

11 mins ago

Hello, world! This is a toast message.

Bootstrap

11 mins ago

Hello, world! This is a toast message.

Bootstrap

11 mins ago

Hello, world! This is a toast message.

Bootstrap

11 mins ago

Hello, world! This is a toast message.

Bootstrap

11 mins ago

Hello, world! This is a toast message.

Bootstrap

11 mins ago

Hello, world! This is a toast message.

Bootstrap

11 mins ago

Hello, world! This is a toast message.

Notyf Notifications

Message

Dismissible

Ripple Effect

Notification Type

Success

Error

Info

Warning

Duration (ms)

Position Type

left Position

center Position

right Position

Top Position

Bottom Position

© 2025 , made with ❤️ by ThemeSelection

Admin Templates License Bootstrap Templates Documentation Support

Buy Now

Template Customizer

Customize and preview in real time

Theming

Primary Color

Theme

Light

Dark

System

Skins

Default

Bordered

Semi Dark

Layout

Menu (Navigation)

Expanded

Collapsed

Navbar Type

Sticky

Static

Hidden

Content

Compact

Wide

Direction

Left to Right (En)

Right to Left (Ar)