Farmblocks Form Wrapper

A wrapper container with options for cancel and save.

Installation

npm install @crave/farmblocks-form-wrapper

Usage

<FormWrapper
  onCancel={e => console.log(e)}
  onSave={e => console.log(e)}
  title="Title"
  extraContent={<div>Extra content</div>}
>
  <Input label="First Name" />
  <Input label="Last Name" />
</FormWrapper>

Output:

Properties

propery	type	description	required	default
title	string	The text to be used as the title
cancelLabel	string	The text to be used in the Cancel link		Cancel
saveLabel	string	The text to be used by the Save button		Save
saveButtonProps	object	The props for Save button (check Button)
onCancel	function	Callback of Cancel link click	Yes
onSave	function	Callback of Save button click	Yes
children	node	Contents to be rendered	Yes
extraContent	node	Contents to be rendered after Save button
loading	boolean	Loading state to be passed to Save button
id	string	id attribute given to the wrapper and to the save and cancel actionables (with -save and -cancel sufixes)		form-wrapper

License

MIT