Toast are a great way to display information to your user whether it be a warning, success or error message. They are especially useful to show on mobile devices.
We will build these toast in a component style so that we can dynamically add messages to them and show the appropriate colors based on the situation. We will also add a dismiss button to the toast in case a user may want to get rid of the toast on the screen faster than the time we set.
Features used
- flexbox
- javascript click events
- css animation (keyframes) to show and hide the toast
- css positioning
Follow me here:
https://twitter.com/NsquaredC
