react-no-fuss-popup v1.0.17

Popup Component for React to Show notifications of Success/Warning/Info/Error

A simple, easy to integrate robust and multi-functional popup for your React Project.

Detailed PDF with snapshots of the behaviour:

https://github.com/neelabhraman/UI-Code/blob/main/projecct%205%20_%20NoFussPopup/Features%20and%20Demo%20for%20react-no-fuss-popup%20-%20Google%20Docs.pdf

Video recording of walkthrough and Demo project:

https://www.youtube.com/watch?v=Yytaxy0eHzk

1. This component supports 4 types of Popup.
     a. Success
     b. Warning(which can be used as Info as Well)
     c. Error

2. The No Fuss POP component can be customized to:
      a. Show desired "type of popup"- STRING, Valid Values are "success", "warning_info", "error"
        i. "success"
        ii. "warning_info"
        iii. "error"
      b. Show custom Header in the popup- STRING. Valid Values are any string
      c. Show custom Message in the popup- STRING. Valid Values are any string
      d. auto close based on a boolean value- BOOLEAN. Valid Values are true, false
      e. The auto close delay can be set "in SECONDS"- NUMBER. Valid Values poistive integers

3. The Popup can be **closed** by cliking on the "Okay" Button **OR** by clicking outside the Popup.  

   For Auto closing Popup the "Okay" Button will be hidden, still user can close it by clicking outside the Popup.

4. The Demo code is availble here:
    https://github.com/neelabhraman/UI-Code/blob/main/projecct%205%20_%20NoFussPopup/src/App.js

Email here for any queries: neelabhraman@gmail.com