Form Control

Form Control provides context such as `isInvalid`, `isDisabled`, and `isRequired` to form elements

Props#

`isDisabled`

Description

If true, the form control will be disabled. This has 2 side effects: - The FormLabel will have `data-disabled` attribute - The form element (e.g, Input) will be disabled

Type

boolean

Default

false

`isInvalid`

Description

If true, the form control will be invalid. This has 2 side effects: - The FormLabel and FormErrorIcon will have `data-invalid` set to true - The form element (e.g, Input) will have `aria-invalid` set to true

Type

boolean

Default

false

`isReadOnly`

Description

If true, the form control will be readonly

Type

boolean

Default

false

`isRequired`

Description

If true, the form control will be required. This has 2 side effects: - The FormLabel will show a required indicator - The form element (e.g, Input) will have `aria-required` set to true

Type

boolean

Default

false

`label`

Description

The label text used to inform users as to what information is requested for a text field.

Type

string

Edit this page on GitHub