#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
<Popover
className="my-class" // Optional: A class name to be added to the popover
toggleButton={<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
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 |