Toast

The Toast component renders toasts (sometimes known as “success messages”) to display short messages. They appear at the bottom-left of the screen and are often initiated by an action take previously by a user. The content of the Toast is controlled by the ToasterContext. Toasts can be designed to disappear after a given number of milliseconds by passing the dismissAfter prop. They are also dismissible by clicking the close Icon. Toasts that time out must also store historic data within the application for easy user retrieval and to meet the WCAG success criteria of giving users enough time to take an action on timed content.