AvalynxToast Bootstrap Notification Library Demos

01 / Constructor

Build a toast

Tune one instance, then send it to the page with the same constructor used by the library.

Live controls message · type · options

Message HTML is rendered in the toast body.

Toast type

Position

Header title

Header subtitle

Header image

Include image

Uses an external image source for the live header.

Behavior

Autohide after duration Show close button Headerless body Track onClose callback

Autohide keeps the close button available in this release. Header fields are ignored when headerless is on.

Duration

4500 ms

Toast max width

350 px

Constructor preview 0 active toasts

Runtime Ready for interaction

No close callback has fired yet.

02 / Semantic palette

Each button creates a real toast with its matching semantic class and timer treatment.

03 / Placement

Every supported container position has a live trigger. Toasts can stack independently in each location.

04 / Variants

Compare headers, body-only content, persistent notifications, custom width, and lifecycle callbacks.

05 / Rhythm

Start a three-second stream to see random tones, positions, titles, subtitles, and durations working together.

Three-second toast stream Stopped · click to start

OFF