@crave/farmblocks-popover

Farmblocks popover

A customisable popover component

Installation

npm install @crave/farmblocks-popover

Usage

<Popover
  trigger={<button>Trigger</button>}
  content={dismiss => (
    <div>
      <Text>Popover content</Text>
      <button onClick={dismiss}>Dismiss</button>
    </div>
  )}
/>

API

Property	Description	Type	Required	Default
trigger	A node that will be popover's trigger. Can also be a function that receives isVisible state and returns a node	node or func => node	Yes
content	A render function with the contents to be displayed on the popover	func => node	Yes
tooltipProps	Props to be passed to Tooltip component	object
triggerWidth	A CSS value for the trigger container width	string		auto
onOpen	called when the popover opens	func
onBeforeOpen	called before the popover opens. If the given function returns a Promise, the popover will wait until it resolve to open	func
onClose	called when the popover closes	func
disabled	prevents the popover to open when the trigger is clicked.	bool		false

License

MIT