@airbnb/lunar-forms
v3.3.2
Published
Form functionality for Lunar.
Downloads
290
Keywords
Readme
Lunar Forms
Provides a robust form management layer powered by final-form.
yarn add @airbnb/lunar-forms
Usage
The package provides a Form
component, that utilizes React context and final-form
to manage the
state of all fields within itself. To operate correctly, all field components provided in the core
package have an equivalent component in this package that automatically connects to the parent form
instance, they are: Autocomplete
, CheckBox
, CheckBoxController
, DatePickerInput
,
DateTimeSelect
, Input
, RadioButtonController
, Select
, Switch
, TextArea
, and much more.
import Form, { Input, Select } from '@airbnb/lunar-forms';
<Form onSubmit={this.handleSubmit}>
<Input name="name" label="Name" />
<Select name="fruit" label="Fruit">
<option value="apple">Apple</option>
<option value="banana">Banana</option>
<option value="orange">Orange</option>
<option value="other">Other</option>
</Select>
</Form>;