Toast

Color Schemes for useToast are not implemented in the default theme. You can extend the theme to implement them.

Optional style overrides for the container wrapping the toast component.

The description of the toast

The delay before the toast hides (in milliseconds) If set to null, toast will never dismiss.

A custom icon that will be displayed by the toast.

The id of the toast. Mostly used when you need to prevent duplicate. By default, we generate a unique id for each toast

If true, toast will show a close button

Callback function to run side effects after the toast has closed.

The placement of the toast

Render a component toast component. Any component passed will receive 2 props: id and onClose.

Sizes for useToast are not implemented in the default theme. You can extend the theme to implement them.

The status of the toast.

The title of the toast

Variants for useToast are not implemented in the default theme. You can extend the theme to implement them.

Color Schemes for useToast are not implemented in the default theme. You can extend the theme to implement them.

Optional style overrides for the container wrapping the toast component.

The description of the toast

The delay before the toast hides (in milliseconds) If set to null, toast will never dismiss.

A custom icon that will be displayed by the toast.

The id of the toast. Mostly used when you need to prevent duplicate. By default, we generate a unique id for each toast

If true, toast will show a close button

Callback function to run side effects after the toast has closed.

The placement of the toast

Render a component toast component. Any component passed will receive 2 props: id and onClose.

Sizes for useToast are not implemented in the default theme. You can extend the theme to implement them.

The status of the toast.

The title of the toast

Variants for useToast are not implemented in the default theme. You can extend the theme to implement them.