Farmblocks Filter Popover

A component composed by farmblocks-popover and farmblocks-form-wrapper.

Installation

npm install @crave/farmblocks-filter-popover

Usage

<FilterPopover
  hasValue
  triggerLabel="Filter"
  formTitle="Form Title"
  onFormSaveClick={action("onActionButtonClick")}
  formContent={
    <div>
      <TextInput label="Product" value="Apple" name="product" />
      <TextInput label="Owner" />
    </div>
  }
/>

Output:

Properties

propery	type	description	required	default
triggerLabel	string	text to be used as children on Popover trigger	Yes
triggerFontSize	string	font-size of Popover trigger		14px
triggerTextColor	string	text color of Popover trigger		#2f313a
triggerFontWeight	number or string	font weight of Popover trigger		normal
formTitle	string	title to be used on FormWrapper
formContent	node	children to be used on FormWrapper
formLoading	bool	loading to be used on FormWrapper
formSaveLabel	string	saveLabel to be used on FormWrapper		Filter
formCancelLabel	string	cancelLabel to be used on FormWrapper		Cancel
onFormSaveClick	function	onSave to be used on FormWrapper
onFormCancelClick	function	function to be called on click on cancel link
tooltipProps	object	props to be passed to tooltip
dismissOnSave	bool	automatically dismiss Popover on save event
hasValue	bool	changes style of trigger popover
onOutsideClick	function	function to be called on outside click

License

MIT