Leave Yamada UI a star

Star
Yamada UIYamada UIv1.6.4

FormControl

FormControl is a component used to group form elements with label, helper message, error message, etc.

Source@yamada-ui/form-control

Props

FormControlProps

errorMessage

Description

The form control error message to use.

Type

type ONLY_FOR_FORMAT = | string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal

errorMessageProps

Description

Props the error message component.

Type

ErrorMessageProps

helperMessage

Description

The form control helper message to use.

Type

type ONLY_FOR_FORMAT = | string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal

helperMessageProps

Description

Props the label component.

Type

HelperMessageProps

isDisabled

Description

If true, the form control will be disabled.

Type

boolean

Default

false

isInvalid

Description

If true, the form control will be invalid.

Type

boolean

Default

false

isReadOnly

Description

If true, the form control will be readonly.

Type

boolean

Default

false

isReplace

Description

If true, switch between helper message and error message using isInvalid.

Type

boolean

Default

true

isRequired

Description

If true, the form control will be required.

Type

boolean

Default

false

label

Description

The form control label to use.

Type

type ONLY_FOR_FORMAT = | string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal

labelProps

Description

Props the label component.

Type

LabelProps

optionalIndicator

Type

type ONLY_FOR_FORMAT = | string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal

requiredIndicator

Type

type ONLY_FOR_FORMAT = | string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal

LabelProps

isRequired

Type

boolean

optionalIndicator

Type

type ONLY_FOR_FORMAT = | string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal

requiredIndicator

Type

type ONLY_FOR_FORMAT = | string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal

HelperMessageProps

ErrorMessageProps

Edit this page on GitHub

PreviousFormsNextFieldset