form

v0.88.2

v0.86.0

v0.85.0

v0.84.0

STATUS

Passing

DOWNLOADS

3,047

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

3 years ago

SIZE

98 KB

A Form displays a set of related user input fields in a structured way.

React

1 contributor

Install form as a package?

Copied

npm i @bit/semantic-org.semantic-ui-react.form

Set Bit as a scoped registryLearn more

npm config set '@bit:registry' https://node.bit.cloud

Component Example

React

Vue

Angular

React Native

Add dependency...

Just

import

any of the 1 million components

and packages in Bit or NPM to the example.

import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';

modifieddraft

A Form displays a set of related user input fields in a structured way.

FormButton ()

Sugar for <Form.Field control={Button} />.

FormCheckbox ()

Sugar for <Form.Field control={Checkbox} />.

FormDropdown ()

Sugar for <Form.Field control={Dropdown} />.

A form control component (i.e. Dropdown) or HTML tagName (i.e. ‘input’). Extra FormField props are passed to the control component. Mutually exclusive with children.

A field is a form element containing a label and an input.

A form control component (i.e. Dropdown) or HTML tagName (i.e. ‘input’). Extra FormField props are passed to the control component. Mutually exclusive with children.

FormGroup ()

A set of fields can appear grouped together.

FormInput ()

Sugar for <Form.Field control={Input} />.

FormRadio ()

Sugar for <Form.Field control={Radio} />.

FormSelect ()

Sugar for <Form.Field control={Select} />.

FormTextArea ()

Sugar for <Form.Field control={TextArea} />.

Properties

Name	Type	Default value	Description
as	`elementType`	`FormField`	An element type to render as (string or function).
control	`custom`	`Button`	A FormField control prop.
as	`elementType`	`FormField`	An element type to render as (string or function).
control	`custom`	`Checkbox`	A FormField control prop.
as	`elementType`	`FormField`	An element type to render as (string or function).
control	`custom`	`Dropdown`	A FormField control prop.
as	`elementType`		An element type to render as (string or function).
children	`node`		Primary content.
className	`string`		Additional classes.
grouped	`custom`		Fields can show related choices.
inline	`custom`		Multiple fields may be inline in a row.
unstackable	`bool`		A form group can prevent itself from stacking on mobile.
widths	`...SUI.WIDTHS \| 'equal'`		Fields Groups can specify their width in grid columns or automatically divide fields to be equal width.
as	`elementType`	`FormField`	An element type to render as (string or function).
control	`custom`	`Input`	A FormField control prop.
as	`elementType`	`FormField`	An element type to render as (string or function).
control	`custom`	`Radio`	A FormField control prop.
as	`elementType`	`FormField`	An element type to render as (string or function).
control	`custom`	`Select`	A FormField control prop.
options (required)	`{}[]`		Array of Dropdown.Item props e.g. `{ text: '', value: '' }`
as	`elementType`	`FormField`	An element type to render as (string or function).
control	`custom`	`TextArea`	A FormField control prop.