Legitcode/popover

Name: popover

Owner: Legitcode

Description: Popovers for React

Created: 2015-06-29 20:06:03.0

Updated: 2017-08-23 05:37:04.0

Pushed: 2016-07-26 17:38:55.0

Homepage:

Size: 49

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

Popover

This is a simple popover component that gives you an easy to use, and flexible popover menu.

Install

m install --save reactable-popover

Usage

over
assName="my-class"                // Optional: A class name to be added to the popover
ggleButton={<button>Foo</button>} // Required: The element that will toggle the popover. Does not have to be a button.
sition="top"                      // Optional: 
ftOffset={10}
pOffset={10}
rizontalJustify="right">

l>
<li>Menu Item One</li>
<li>Menu Item Two</li>
ul>
pover>

The content inside the popover component will be rendered as is. You can use it for menus, forms, or just for informational purposes.

Options

Property	Required?	Description	Parameters
className	Optional	A class name to be added to the outer div of the popover	Any string
toggleButton	Required	The element that will toggle the popover. This does not have to be a button.	Any element
position	Optional	The position of the popover relative to the toggleButton. Defaults to bottom.	One of top, bottom, left, or right
leftOffset	Optional	The number of pixels to offset the popover from the left (should be negative for right justified popovers)	Any integer
topOffset	Options	The number of pixels to offset the popover from the top of the popover. Defaults to 10.	Any integer
horizontalJustify	Optional	The side of the toggleButton to calculate the offset from. Defaults to left.	One of left or right