@matrafoxy/react-micro-popover

react-micro-popover

React component for micro-popover. Demo 🍻

Usage

import Popover from 'react-micro-popover'

const MyPopover = props => (
  <h5>I'm in a popover!</h5>
)

<Popover render={MyPopover} position={'bottom'} transitionSpeed={200}>
  {({ pin, unpin }) => {
    return <button className="button" onClick={e => pin()}>Trigger Popover</button>
  }}
</Popover>

Required CSS:

.micro-popover {
  position: absolute;
  z-index: 9999;
  top: 0; left: 0;
}

MIT License