ToasterThis is a Toaster Message. It can appear on pageload, or be hidden after a pageload. And closed on click.

Toaster

You see one when reloading the page.

Toaster modifiers:

  • toaster--open -> opens the toaster on load
  • toaster--close -> closes the toaster after few seconds after load
  • toaster--fixed -> pins the toaster to the most relative element

Toaster Links:

  • toaster-toggle -> toggles the toaster with data-toaster="id" on click
  • toaster-open -> opens the toaster with data-toaster="id" on click
  • toaster-close -> closes the toaster with data-toaster="id" on click

Can also be toggled from a link: Toggle Top Toaster - Toggle Toaster 3 - Open Toaster 2 - Close Toaster 2

ToasterThis is a Toaster Message. It appeared because you clicked the link.
ToasterThis is a Toaster Message. It appeared because you clicked the link.