Grid of toast with an egg

<toasty-toaster> Web Component

<toasty-toaster> and <toasty-toast> make it easy to add temporary notification messaging on a page.

Features

  • Vertical and horizontal positioning for the container
  • timeout feature which will automatically hide the toast after x seconds
  • Respects prefers-reduced-motion media query
  • Simple CSS styling included

Posted in: #web-components by @ https://danleatherman.com/toasty-toast/

Blog image by Leti Kugler

Webmentions

These are webmentions via the IndieWeb and webmention.io. Mention this post from your site:

More posts