React Simple Popover

Totally controlled popover component based on React Overlays.

## Install ```bash $ npm install react-simple-popover ``` ## Usage ```js import Popover from 'react-simple-popover'; import React, { Component } from 'react'; class PopoverDemo extends Component { constructor(props) { super(props); this.state = { open: false }; } handleClick(e) { this.setState({open: !this.state.open}); } handleClose(e) { this.setState({open: false}); } render() { return (

Popover

This is popover

); } } ``` ## Options **placement** One of `left`, `right`, `bottom` or `top`. **show** Boolean, `true` if popover is shown; `false` otherwise. **onHide** Hide callback function. **target** Target ref to align popover around target element. **container** Reference to the component that represents the context **hideWithOutsideClick** Boolean, `true` if popover should hide when clicked outside; `false` otherwise. **containerStyle** Style for outermost container **style** Style for the content's container ## Author Ismail Demirbilek - [@dbtek](https://twitter.com/dbtek) MIT Licensed

	Stars	Issues	Version	Updated	Created
react-popover	604	98	0.5.10	5 years ago	8 years ago
react-popover-portal	7	0	0.3.5	6 years ago	6 years ago
react-popover2			1.0.2	6 years ago	7 years ago
react-simple-popover	32	27	0.2.4	5 years ago	7 years ago

react-popover vs react-popover-portal vs react-popover2 vs react-simple-popover

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past