React JS Notifications using react-toastify | React JS Full Course
Вставка
- Опубліковано 30 вер 2024
- #reactjs #react-toastify #nihiratechiees
This vides provides steps for implement toast alert/notification in React JS
Steps Followed
==================
1, Install the package
npm i react-toastify
2, Import toast & toastcontainer from
react-toastify Library
3, Import ReactToastify css
4, Add directive ToastContainer in app.js
Notes
=================
1, Type - info, success, warning & error
2, Position - We have 6 positions
3, Theme - light, dark, colored
4, Options
* Auto close
* Transition - (bounce, slide, zoom, flip)
* Progress
* Limit
Note : we can apply properties globally & individual notifications
GitHub Source code link
---------------------------------------
github.com/nih...
npm Link
========
www.npmjs.com/...
Join this channel to get access to perks:
/ @nihiratechiees
you did not show the version of react-toastify
I used the latest version at the time of video creation. If you want to check the version in the description source code link there. There in package json file you can get it
Plz do more videos on react
👍