Auto-dismiss

Toast automatically dismisses after 5 seconds by default.

Disable timer:

• On hover of the Toast container

• On hover or focus of dismiss icon or optional button

Re-enable timer:

• On mouse leave of the Toast container

• On blur of dismiss icon or option button

Auto-dismiss timer: 5 - 15 second range

Animation when Toast is triggered

Fade-in duration: 500ms
Animation-timing-functions: ease-out
Keyframes:

• from bottom -20px

• to bottom 0px

Animation when Toast is dismissed or auto-dismissed

Fade-out duration: 200ms
Animation-timing-functions: ease-out
Keyframes:

• from bottom 0px

• to bottom 0px