@@include('global/_head.html',{ "headTitle": "Vendor plugin", }) @@include('docs/_sidebar.html', {"page": "plugins"})
@@include('global/_page-header.html', {"PageHeader": "sticky-top"} )
  1. Home
  2. Docs
  3. Vendor
  4. Bootstrap 5 toast

Bootstrap 5 toast

Features

  • Customizable content
  • Smooth animation
  • Typed safe

for more details. Bootstrap 5 toast

Basic

Push notifications to your visitors with a toast, a lightweight and easily customizable alert message.

Placement

Place toasts as you need. The top right is often used for notifications.

Color schemes

Create different toast color schemes with Bootstrap color and background utilities.

Custom content

Toasts are as flexible as you need. You can put any html tag in toast header or body.

Get started with Bootstrap @@include('docs/_quick-url.html')
@@include('global/_page-footer.html', {"PageFooter": ""} )
@@include('global/_full-screen-menu.html', {"divClass": ""} ) @@include('global/_need-help.html', {"divClass": "offcanvas-start"} ) @@include('global/_quick-access.html', {"divClass": "offcanvas-end"} ) @@include('global/_theme-setting.html', {"divClass": "offcanvas-end"} ) @@include('global/_site-map.html', {"divClass": "offcanvas-start sm"} ) @@include('global/_body-hero-img-2.html', {"bodyBgClass": "body-bg"} ) @@include('global/_plugin-script.html', { "bs5toast": "true" })