btoast-js – Control Panel

Title Message

Close Button

Progress Bar

Newest on top

Pause on hover

No icon

Icon class (optional)

Layout is inferred automatically from title and icon settings (noIcon/iconClass): title + icon → header row; icon only → side icon; otherwise message-only.

Dismiss on click

On click – JavaScript snippet

The snippet runs when the toast body is clicked (not the close button). You can use evt (MouseEvent) and ctx ({ id, el }).

Toast Type

Success

Info

Warning

Danger

Position

Top Right

Bottom Right

Bottom Left

Top Left

Top Center

Bottom Center

Show Duration (ms)

0 = sticky

Extended time out (ms)

Prevent Duplicates

Dedupe key (optional) On duplicate

Approve / Deny actions

Approve button text

Deny button text

onApprove – JavaScript snippet

onDeny – JavaScript snippet

Handlers run with this bound to the toast context (you can call this.close(), this.dispose()). Snippets receive evt and ctx.

RTL (per toast)

Debug (console)

Note: This control page demonstrates automatic layout (inferred from title and icon settings) and options including title, message, position, variant, delay, extended timeout, pause on hover, dismissible, progress bar, and prevent duplicates (with optional dedupe key and behavior).