Yamada UIにスターをあげる

スター
Yamada UIYamada UIv1.6.3

Editable

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

ソース@yamada-ui/editable

Props

EditableInputProps

EditablePreviewProps

EditableProps

defaultValue

説明

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

タイプ

string

errorBorderColor

説明

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 ... | [...]

focusBorderColor

説明

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 ... | [...]

isDisabled

説明

If true, the form control will be disabled.

タイプ

boolean

デフォルト

false

isInvalid

説明

If true, the form control will be invalid.

タイプ

boolean

デフォルト

false

isPreviewFocusable

説明

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

タイプ

boolean

デフォルト

true

isReadOnly

説明

If true, the form control will be readonly.

タイプ

boolean

デフォルト

false

isRequired

説明

If true, the form control will be required.

タイプ

boolean

デフォルト

false

onCancel

説明

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

タイプ

(preValue: string) => void

onChange

説明

A callback invoked when user changes input.

タイプ

(value: string) => void

onEdit

説明

A callback invoked once the user enters edit mode.

タイプ

() => void

onSubmit

説明

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

タイプ

(value: string) => void

placeholder

説明

The placeholder text when the value is empty.

タイプ

string

selectAllOnFocus

説明

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

タイプ

boolean

デフォルト

true

startWithEditView

説明

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

タイプ

boolean

submitOnBlur

説明

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

タイプ

boolean

デフォルト

true

value

説明

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

タイプ

string

EditableTextareaProps

UseEditableProps

defaultValue

説明

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

タイプ

string

isDisabled

説明

If true, the form control will be disabled.

タイプ

boolean

デフォルト

false

isInvalid

説明

If true, the form control will be invalid.

タイプ

boolean

デフォルト

false

isPreviewFocusable

説明

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

タイプ

boolean

デフォルト

true

isReadOnly

説明

If true, the form control will be readonly.

タイプ

boolean

デフォルト

false

isRequired

説明

If true, the form control will be required.

タイプ

boolean

デフォルト

false

onCancel

説明

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

タイプ

(preValue: string) => void

onChange

説明

A callback invoked when user changes input.

タイプ

(value: string) => void

onEdit

説明

A callback invoked once the user enters edit mode.

タイプ

() => void

onSubmit

説明

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

タイプ

(value: string) => void

placeholder

説明

The placeholder text when the value is empty.

タイプ

string

selectAllOnFocus

説明

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

タイプ

boolean

デフォルト

true

startWithEditView

説明

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

タイプ

boolean

submitOnBlur

説明

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

タイプ

boolean

デフォルト

true

value

説明

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

タイプ

string

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

SaturationSliderRating