Toast

Component Status

Design Usage

• It appears in a layer above other content, visually similar to a mobile or desktop push notification.
• It can disappear automatically after a set amount of time or wait for user interaction
• Use the correct emotion variant according to a positive or negative message

Correct usage of Alert and Toast Components

Toast is designed to be an easy-to-spot notification that appears above any content. It should be noticeable every time it pops up, even repeatedly. The ideal setup is to let it disappear automatically after a set amount of time, so no user interaction is required.

Alert is intended to be a static notification directly related to a specific section or context. It is not meant to be used as a standalone element but as a supplement to a larger content block. Depending on its purpose, it can either remain on the page or disappear after the page is reloaded.