Yamada UIにスターをあげる

スター
Yamada UIYamada UIv1.7.2

FormControl

FormControlは、フォーム要素に、ラベル、ヘルパーメッセージ、エラーメッセージなどをグループ化するために使用されるコンポーネントです。

ソース@yamada-ui/form-control

Props

FormControlProps

disabled

説明

If true, the form control will be disabled.

タイプ

boolean

デフォルト

false

errorMessage

説明

The form control error message to use.

タイプ

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

errorMessageProps

説明

Props the error message component.

タイプ

ErrorMessageProps

helperMessage

説明

The form control helper message to use.

タイプ

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

helperMessageProps

説明

Props the label component.

タイプ

HelperMessageProps

invalid

説明

If true, the form control will be invalid.

タイプ

boolean

デフォルト

false

isDisabled

非推奨

説明

If true, the form control will be disabled.

非推奨

Use disabled instead.

タイプ

boolean

デフォルト

false

isInvalid

非推奨

説明

If true, the form control will be invalid.

非推奨

Use invalid instead.

タイプ

boolean

デフォルト

false

isReadOnly

非推奨

説明

If true, the form control will be readonly.

非推奨

Use readOnly instead.

タイプ

boolean

デフォルト

false

isReplace

非推奨

説明

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

非推奨

Use replace instead.

タイプ

boolean

デフォルト

true

isRequired

非推奨

説明

If true, the form control will be required.

非推奨

Use required instead.

タイプ

boolean

デフォルト

false

label

説明

The form control label to use.

タイプ

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

labelProps

説明

Props the label component.

タイプ

LabelProps

optionalIndicator

タイプ

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

readOnly

説明

If true, the form control will be readonly.

タイプ

boolean

デフォルト

false

replace

説明

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

タイプ

boolean

デフォルト

true

required

説明

If true, the form control will be required.

タイプ

boolean

デフォルト

false

requiredIndicator

タイプ

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

LabelProps

isRequired

非推奨

非推奨

Use required instead.

タイプ

boolean

optionalIndicator

タイプ

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

required

タイプ

boolean

requiredIndicator

タイプ

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

HelperMessageProps

ErrorMessageProps

GitHubでこのページを編集する

フォームFieldset