React Popper screenshot

React Popper

Author Avatar Theme by Floating ui
Updated: 8 May 2024
2515 Stars

Official React library to use Popper, the positioning library

Overview:

React Popper is a React wrapper around Popper.js, a library for creating tooltips and popovers. Please note that React Popper is currently in maintenance mode and is based on @popperjs/core, not @floating-ui/dom.

Features:

  • React Wrapper: Provides a React wrapper around Popper.js functionality.
  • Dependency: Requires @popperjs/core to be installed in your project for React Popper to work.
  • Documentation: Full documentation can be found on the official Popper website.
  • UMD Library: Can be included via a script tag as ReactPopper.

Installation:

To install React Popper, follow these steps:

  1. Clone Repo: git clone git@github.com:popperjs/react-popper.git
  2. Move into Folder: cd ~/react-popper
  3. Install Dependencies: Run npm install or yarn
  4. Run Dev Mode: Execute npm run demo:dev or yarn demo:dev
  5. Visit Localhost: Open your browser and go to http://localhost:1234/

Summary:

React Popper is a React wrapper around Popper.js, a library for creating tooltips and popovers. It is important to note that React Popper is currently in maintenance mode and is based on @popperjs/core, not @floating-ui/dom. Make sure to have @popperjs/core installed in your project and refer to the official documentation for more details.