React Simple Popover

Totally controlled popover component based on React Overlays.

Try yourself

## 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-portal			0.3.5	7 years ago	7 years ago
react-simple-popover			0.2.4	6 years ago	8 years ago
react-tiny-popover	431	31	8.0.4	6 months ago	7 years ago

react-popover-portal vs react-simple-popover vs react-tiny-popover

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past