React component for micro-popover. Demo 🍻
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