Page Navigation:

Toasts


Default

Delay = 5000 ms, auto-hide = true, animation = true

Toast header 9 minutes ago
Toast body text goes here.

Delay

Delay = 3000 ms, auto-hide = true, animation = true

Toast header 9 minutes ago
Toast body text goes here.

Autohide

Delay = 5000 ms, auto-hide = false, animation = true

Toast header 9 minutes ago
Toast body text goes here.

Animation

Delay = 5000 ms, auto-hide = false, animation = false

Toast header 9 minutes ago
Toast body text goes here.

Translucent

Toast header 9 minutes ago
Toast body text goes here.

Stacking

Toast header 9 minutes ago
Toast body text goes here.
Toast header 9 minutes ago
Toast body text goes here.

Custom content

Toast body text goes here.

Alignment and placement

Position utilities (single toast)

Position utilities (multiple toasts)

Flex utilities