Editable

Editableは、インラインで編集可能なテキスト入力を取得するために使用されるコンポーネントです。

ソース @yamada-ui/editable

Props

EditableInputProps

EditablePreviewProps

EditableProps

説明

The initial value of the Editable in both edit & preview mode.

タイプ

string

説明

If true, the form control will be disabled.

タイプ

boolean

デフォルト

false

説明

The border color when the input is invalid.

タイプ

"border" | "link" | BorderColor | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | ... 319 more ... | [...]

説明

The border color when the input is focused.

タイプ

"border" | "link" | BorderColor | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | ... 319 more ... | [...]

説明

If true, the form control will be invalid.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be disabled.

非推奨

Use disabled instead.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be invalid.

非推奨

Use invalid instead.

タイプ

boolean

デフォルト

false

説明

If true, the read only view, has a tabIndex set to 0 so it can receive focus via the keyboard or click.

非推奨

Use previewFocusable instead.

タイプ

boolean

デフォルト

true

説明

If true, the form control will be readonly.

非推奨

Use readOnly instead.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be required.

非推奨

Use required instead.

タイプ

boolean

デフォルト

false

説明

Callback invoked when user cancels input with the Esc key. It provides the last confirmed value as argument.

タイプ

(preValue: string) => void

説明

A callback invoked when user changes input.

タイプ

(value: string) => void

説明

A callback invoked once the user enters edit mode.

タイプ

() => void

説明

A callback invoked when user confirms value with enter key or by blurring input.

タイプ

(value: string) => void

説明

The placeholder text when the value is empty.

タイプ

string

説明

If true, the read only view, has a tabIndex set to 0 so it can receive focus via the keyboard or click.

タイプ

boolean

デフォルト

true

説明

If true, the form control will be readonly.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be required.

タイプ

boolean

デフォルト

false

説明

If true, the input's text will be highlighted on focus.

タイプ

boolean

デフォルト

true

説明

If true, the Editable will start with edit mode by default.

タイプ

boolean

説明

If true, it'll update the value onBlur and turn off the edit mode.

タイプ

boolean

デフォルト

true

説明

The value of the Editable in both edit & preview mode.

タイプ

string

EditableTextareaProps

UseEditableProps

説明

The initial value of the Editable in both edit & preview mode.

タイプ

string

説明

If true, the form control will be disabled.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be invalid.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be disabled.

非推奨

Use disabled instead.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be invalid.

非推奨

Use invalid instead.

タイプ

boolean

デフォルト

false

説明

If true, the read only view, has a tabIndex set to 0 so it can receive focus via the keyboard or click.

非推奨

Use previewFocusable instead.

タイプ

boolean

デフォルト

true

説明

If true, the form control will be readonly.

非推奨

Use readOnly instead.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be required.

非推奨

Use required instead.

タイプ

boolean

デフォルト

false

説明

Callback invoked when user cancels input with the Esc key. It provides the last confirmed value as argument.

タイプ

(preValue: string) => void

説明

A callback invoked when user changes input.

タイプ

(value: string) => void

説明

A callback invoked once the user enters edit mode.

タイプ

() => void

説明

A callback invoked when user confirms value with enter key or by blurring input.

タイプ

(value: string) => void

説明

The placeholder text when the value is empty.

タイプ

string

説明

If true, the read only view, has a tabIndex set to 0 so it can receive focus via the keyboard or click.

タイプ

boolean

デフォルト

true

説明

If true, the form control will be readonly.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be required.

タイプ

boolean

デフォルト

false

説明

If true, the input's text will be highlighted on focus.

タイプ

boolean

デフォルト

true

説明

If true, the Editable will start with edit mode by default.

タイプ

boolean

説明

If true, it'll update the value onBlur and turn off the edit mode.

タイプ

boolean

デフォルト

true

説明

The value of the Editable in both edit & preview mode.

タイプ

string

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

前SaturationSlider 次Rating