What is Toast: Toast is a quick and easy way to display a notification message on your screen. It pops up at the bottom of the page or a designated area, displaying a message for a few seconds before automatically disappearing with an animation.
How to use React Toast Package ( t-react-toast )
Step 1: Install t-react-toast in your React.JS application:
Step 2 : Import and add ToastComponent in render method of App.tsx
Step 3: Import ToastService and use it to show toast in your component
Preview of Toast messages.
This package is highly customisable and allows you to show toast messages at various positions of your web application such as ‘top-right’, ‘top-center’ and ‘top-left’ etc., while also allowing you to set the duration of each toast message.
Feel free to raise an issue @ Github Repo Link for any feature request or to report a bug.
Hope you find this article helpful. Please leave a clap if you learnt something. Feel free to post your questions. Happy Coding…!
