react-no-fuss-popup
v1.0.17
Published
Popup Component for React to Show notifications of Success/Warning/Info/Error
Maintainers
Readme
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
This component supports 4 types of Popup.
a. Success
b. Warning(which can be used as Info as Well)
c. ErrorThe 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 integersThe 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.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: [email protected]
