Poppr

A delightful modal system built for React.
Lightweight, flexible, and easy to use.

GitHub
Documentation

Installation

npm install poppr

Usage

Simply render the PopprModal component once in your app, then use the poppr() function anywhere to trigger modals with ease.

import { poppr, PopprModal } from "poppr";

// ...

export default function App() {
  return (
    <>
      <PopprModal />
      <button onClick={() => poppr("Hello from Poppr!")}>
        Open Modal
      </button>
    </>
  );
}

Explore Modal Types

poppr("This is a default modal", { cancelAction: { label: "Cancel", onClick: () => poppr.close() } });