Introducing reactjs-popup 🎉 — Modals, Tooltips and Menus — All in one

  • Introducing reactjs-popup 🎉 — Modals, Tooltips and Menus — All in onereactjs-popup Home page article is about giving you a simple overview of what you can do with reactjs-popup and how to use it effectively.Today, we are excited to announce reactjs-popup 1.0.Reactjs-popup is a simple and very small (3 kb) react popup component, with multiple…
  • How can reactjs-popup help you in your next react project?If you need to create a simple modal, tooltip or a nested menu this component is your best choice to start with.
  • It will work correctly with all popular bundlers.npm install reactjs-popup –save#using yarnyarn add reactjs-popup -SNow you can import the component and start using it :import React from “react”;import Popup from “reactjs-popup”;export default () = ( Popup trigger={button Trigger/button} position=”right center” divPopup content here !!
  • /div /Popup);You can also use it with function as children pattern.import React from “react”;import Popup from “reactjs-popup”;export default () = ( Popup trigger={buttonTrigger/button} position=”top left” {close = ( div Content here a className=”close” onClick={close} times; /a /div )} /Popup);Complete component API : Reactjs-popup Component APIUse Cases 🙌ALL in one demoreactjs-popup demo (Modal,tooltip,Menu)What’s…
  • The next version of reactjs-popup will support creating Simple Toast with full customization,But our big deal is to add Animation API to the component so fell free if you have any ideas 💪.Thanks for reading!

Reactjs-popup is a simple and very small (3 kb) react popup component, with multiple use cases.
we created reactjs-popup to create a color picker for our project picsrush a new online image editor…
Continue reading “Introducing reactjs-popup 🎉 — Modals, Tooltips and Menus — All in one”