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