Installation & Setup:
   Install the Ultimate Toast & Notifications plugin from the Bubble.io plugin marketplace.
   Add the "Toast" element to any page where you want to trigger notifications.

Triggering a Toast:

   Use workflows to trigger toasts via element actions.
   Customize each toast’s message, heading, icon, position, background color, and other settings through action properties.

Customizing Toast Appearance:

   ● Toast Message: Set the text for the main message of the toast.
   ● Heading: Optionally add a heading next to the icon to make the notification title more prominent.
   ● Icon: Choose from a wide selection of icons (use Iconify icons, e.g., fluent:fluent-24-filled).
   ● Colors & Styles: Customize the text color, background color, font size, font family, and border radius.
   ● Buttons: Enable primary and secondary buttons with custom text, background color, and hover effects. Both buttons can trigger Bubble workflows.

Positioning the Toast:

   ● Set the toast position via toast_position property (options: top-right, top-left, top-center, bottom-right, bottom-left, bottom-center, center).

Toast Behavior & Duration:

   ● Control how long the toast remains on the screen with the toast_duration property.
   ● Enable event triggers for when users click the toast itself or one of the buttons.

Advanced Customization:

   ● Customize the gap between rows/columns.
   ● Set smooth fade-out transitions for a polished experience.
   ● Use state publishing to capture button clicks and trigger further workflows.

Workflow Event Triggers:

   ● Primary Button Clicked: Triggers the primary_button_clicked event when the primary button is pressed.
   ● Secondary Button Clicked: Triggers the secondary_button_clicked event when the secondary button is pressed.
   ● Toast Clicked: Triggers the toast_clicked event when the toast body is clicked.