Design a customizable toast component which can be used in various parts of the project.
Requirements
Functionality
The component should take input for a message to be displayed.
We should be able to choose the background color of the toast. (We can set some predefined configurations, like Toast.INFO, Toast.ERROR, Toast.WARNING etc).
Should be able to set the duration for which the toast appears on the screen (Predefined durations would bring uniformity)
The component should offer different location options for displaying the toast:
Top-Left
Top-Right
Top-Center
Note
Consider including an animation effect for showing and hiding the toast.
This component is effectively our implementation of the react-toastify library.
Description
Design a customizable toast component which can be used in various parts of the project.
Requirements
Functionality
Toast.INFO
,Toast.ERROR
,Toast.WARNING
etc).Note
react-toastify
library.