Toast Messages

1 minute read

So I made a little toast message demo tonight. It also works with the keyboard if you tab. It will focus on the close button of the toaster and it you hit ENTER, the toast is toast!

See the Pen by nickytonline (@nickytonline) on CodePen.

I was just having a little fun, but it brought up a question for me. What type of HTML element should a toast message be?

I will have a follow up post sometime in the near future explaining all the moving parts. 😉

Photo by Jonathan Pielmayer on Unsplash