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!
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?
🎃 Nick Taylor 🎃What is the semantic element that should be used for a toast message? It doesn't feel like <dialog /> or <button />. For the moment, I have it as <div />, but would definitely love to use something with more meaning. Here's my little demo I put together. codepen.io/nickytonline/p…03:19 AM - 24 Oct 2019
I will have a follow up post sometime in the near future explaining all the moving parts. 😉