Skip to content

Latest commit

History

38 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

#Popover

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

##Install

$ npm install --save reactable-popover

##Usage

<PopoverclassName="my-class"// Optional: A class name to be added to the popovertoggleButton={<button>Foo</button>}// Required: The element that will toggle the popover. Does not have to be a button.position="top"// Optional: leftOffset={10}topOffset={10}horizontalJustify="right"><ul><li>Menu Item One</li><li>Menu Item Two</li></ul></Popover>

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

##Options

PropertyRequired?DescriptionParameters
classNameOptionalA class name to be added to the outer div of the popoverAny string
toggleButtonRequiredThe element that will toggle the popover. This does not have to be a button.Any element
positionOptionalThe position of the popover relative to the toggleButton. Defaults to bottom.One of top, bottom, left, or right
leftOffsetOptionalThe number of pixels to offset the popover from the left (should be negative for right justified popovers)Any integer
topOffsetOptionsThe number of pixels to offset the popover from the top of the popover. Defaults to 10.Any integer
horizontalJustifyOptionalThe side of the toggleButton to calculate the offset from. Defaults to left.One of left or right

About

Popovers for React

Resources

Stars

29 stars

Watchers

3 watching

Forks

Releases

Packages

Used by

Contributors

Languages