Toasts: Reference

Push notifications to your visitors with a lightweight and easily customizable alert message. Toasts are lightweight notifications designed to mimic the push notifications that have been popularized by mobile and desktop operating systems. They’re easy to configure and use, offering a great way to show notifications to your users. Bootstrap 5 component. Add the component and configure its properties in the Inspector.

Inspector Property Groups

Bootstrap 5 Toasts Properties

Property	Type	Details
ID	text	ID for the toast container. Sets the toast container id . Useful for targeting and scripting, especially when using multiple toast containers. Bootstrap docs: Toasts Required in common setups. Attribute: id
Position	droplist	Position of the toast container. Controls where the toast container is placed on screen. Bootstrap commonly positions toasts using utility classes and a positioned container. Bootstrap docs: Placement Attribute: position Options: Top, Bottom
Align	droplist	Align items inside the toast container. Controls alignment within the toast container. This usually maps to flex utilities (alignment and justification) for the toast stack. Bootstrap docs: Flex Attribute: align Options: Right, Left
Offset X	text	Horizontal offset for positioning. Adjusts the toast container horizontal offset. Use this when you need spacing from viewport edges beyond standard Bootstrap spacing utilities. Bootstrap docs: Spacing Attribute: offset-x
Offset Y	text	Vertical offset for positioning. Adjusts the toast container vertical offset. Use this when you need spacing from viewport edges beyond standard Bootstrap spacing utilities. Bootstrap docs: Spacing Attribute: offset-y
Min Width	text	Minimum toast width. Sets a minimum width for the toast UI. Useful to prevent very narrow toasts when the content is short. Bootstrap docs: Toasts Attribute: min-width

Actions

Clear

Clear all the Toasts

Show

Show a Toast Message

Configuration group	Controls
Toast Properties	Message, Header Class, Body Class, Delay
Title Properties	Title, Sub Title, Icon

Show Simple

Show a Simple Toast Message

Configuration group	Controls
Toast Properties	Message, Delay, Type, Closable