A form field that ties a label, control, description and validation message together.
dirtyboolean |
| – |
Whether the field's value has been changed from its initial value. Useful when the field state is controlled by an external library. |
disabled | boolean | false | Whether the component should ignore user interaction. Takes precedence over the |
invalid | boolean | – | Whether the field is invalid. Useful when the field state is controlled by an external library. |
name | string | – | Identifies the field when a form is submitted. Takes precedence over the |
touched | boolean | – | Whether the field has been touched. Useful when the field state is controlled by an external library. |
validate | ((value: unknown, formValues: Form.Values) => string | string[] | null | void | Promise<string | string[] | null | void>) | – | A function for custom validation. Return a string or an array of strings with the error message(s) if the value is invalid. Returning nothing, |
validationDebounceTime | number | 0 | How long to wait between |
validationMode | "onBlur"|"onChange"|"onSubmit" | 'onSubmit' | Determines when the field should be validated. This takes precedence over the
|
Accepts className, style and render, plus every native attribute of the element it renders.
Accepts className, style and render, plus every native attribute of the element it renders.
Accepts className, style and render, plus every native attribute of the element it renders.
Accepts className, style and render, plus every native attribute of the element it renders.
Accepts className, style and render, plus every native attribute of the element it renders.