estrattonbailey / react-micro-popover

react-micro-popover

A tiny, fast, configurable popover, built with micro-popover. Demo 🍻

Usage

import Popover from 'react-micro-popover'

const MyPopover = props => (
  <h5>This is a popover!</h5>
)

const App = props => (
  <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

react-micro-popover's Issues

React 16

I use this package but it doesn't work with react 16 so i opened a PR.Please have a look if you find some time and let me know