react-popover-lite v1.0.0

react-popover-lite

A simple popover React higher-order component with zero dependencies, TypeScript support.

This popover is implemented using React Portal.

Install

yarn add react-popover-lite

or

npm install react-popover-lite --save

Examples

import React, { useState } from "react";
import Popover from "react-popover-lite";

...

const [isOpen, setOpen] = useState(false);

<Popover
  isOpen={isOpen}
  position="bottom"
  onClickOutside={() => setOpen(false)}
  content={
    <div
      style={{
        border: "1px solid black",
        padding: 10,
        width: 200,
        marginTop: 10,
      }}
    >
      this is the popover content
    </div>
  }
>
  <button onClick={() => setOpen(!isOpen)}>click here!</button>
</Popover>

API