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

КОМЕНТАРІ • 4

  • @abuhossain4274
    @abuhossain4274 Рік тому

    you did not show the version of react-toastify

    • @NihiraTechiees
      @NihiraTechiees  Рік тому

      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

  • @kanakaraju7655
    @kanakaraju7655 Рік тому

    Plz do more videos on react