0% Complete

Toast

Toasts are lightweight alert boxes which display for a few seconds after a user has taken an action, to inform them of the state or outcome. They can be used when a user clicks a button or submits a form and their aim is to provide feedback, rather than encourage to take action.

#

Default

Use the default toast message to inform users of the outcome of their action and provide additional information. It contains an X close button to make it possible for users to close the toast if they wish.

Mallory Hulme 11 mins ago
Hello, world! This is a toast message.
#

Without close button

Set the showCloseButton props as boolean.

Mallory Hulme 11 mins ago
Hello, world! This is a toast message.
#

Toggle Show

Set the show props as boolean to show or hide toast.

Mallory Hulme 11 mins ago
Hello, world! This is a toast message.