Here is the list of all options.
| Name | Description |
|---|---|
| title |
Title Text |
| description |
Description Text |
| duration |
How long toast stays (in ms). Use false to disable auto-dismiss |
| dismissable |
Shows a close button |
| position |
One of: top-left, top-center, top-right, bottom etc |
| icon |
Custom icon object. Defaults based on toast type (success, error, etc). See icon parameters |
| showProgress |
To show progress bar based on duration. |
title:string
The main heading or bold text shown at the top of the toast. Ideal for short, attention-grabbing messages.
description:string
The secondary text that provides more details or context below the title. Great for explaining the toast message.
duration:number | boolean=3000
Time in milliseconds before the toast auto-dismisses.Time in milliseconds before the toast auto-dismisses. Set to false to keep it visible until manually closed.
dismissable:boolean=false
Shows a close (×) button on the toast when set to true, allowing users to manually dismiss it.
position:string="top-right"
Controls where the toast appears on the screen. Supports values like 'top-right', 'top-left', 'bottom-center', etc.
icon:object | nullable
An object to customize the toast icon. Includes:
name: Icon name (e.g., 'check_circle')
color: Icon color (e.g., '#10b981' or 'red')
size: Icon size in px (e.g., 20)
showProgress:boolean=false
When set to true, displays a progress bar at the bottom of the toast that visually indicates how long it will stay on screen.