defaultValue
Description
The initial value of the Editable in both edit & preview mode.
Type
stringEditable
Editable is a component used to obtain inline editable text input.
Props
EditableInputProps
EditablePreviewProps
EditableProps
errorBorderColor
Description
The border color when the input is invalid.
Type
"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
Description
The border color when the input is focused.
Type
"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
Description
If true, the form control will be disabled.
Type
booleanDefault
falseisInvalid
Description
If true, the form control will be invalid.
Type
booleanDefault
falseisPreviewFocusable
Description
If true, the read only view, has a tabIndex set to 0
so it can receive focus via the keyboard or click.
Type
booleanDefault
trueisReadOnly
Description
If true, the form control will be readonly.
Type
booleanDefault
falseisRequired
Description
If true, the form control will be required.
Type
booleanDefault
falseonCancel
Description
Callback invoked when user cancels input with the Esc key.
It provides the last confirmed value as argument.
Type
(preValue: string) => voidonChange
Description
A callback invoked when user changes input.
Type
(value: string) => voidonEdit
Description
A callback invoked once the user enters edit mode.
Type
() => voidonSubmit
Description
A callback invoked when user confirms value with enter key or by blurring input.
Type
(value: string) => voidplaceholder
Description
The placeholder text when the value is empty.
Type
stringselectAllOnFocus
Description
If true, the input's text will be highlighted on focus.
Type
booleanDefault
truestartWithEditView
Description
If true, the Editable will start with edit mode by default.
Type
booleansubmitOnBlur
Description
If true, it'll update the value onBlur and turn off the edit mode.
Type
booleanDefault
truevalue
Description
The value of the Editable in both edit & preview mode.
Type
stringEditableTextareaProps
UseEditableProps
defaultValue
Description
The initial value of the Editable in both edit & preview mode.
Type
stringisDisabled
Description
If true, the form control will be disabled.
Type
booleanDefault
falseisInvalid
Description
If true, the form control will be invalid.
Type
booleanDefault
falseisPreviewFocusable
Description
If true, the read only view, has a tabIndex set to 0
so it can receive focus via the keyboard or click.
Type
booleanDefault
trueisReadOnly
Description
If true, the form control will be readonly.
Type
booleanDefault
falseisRequired
Description
If true, the form control will be required.
Type
booleanDefault
falseonCancel
Description
Callback invoked when user cancels input with the Esc key.
It provides the last confirmed value as argument.
Type
(preValue: string) => voidonChange
Description
A callback invoked when user changes input.
Type
(value: string) => voidonEdit
Description
A callback invoked once the user enters edit mode.
Type
() => voidonSubmit
Description
A callback invoked when user confirms value with enter key or by blurring input.
Type
(value: string) => voidplaceholder
Description
The placeholder text when the value is empty.
Type
stringselectAllOnFocus
Description
If true, the input's text will be highlighted on focus.
Type
booleanDefault
truestartWithEditView
Description
If true, the Editable will start with edit mode by default.
Type
booleansubmitOnBlur
Description
If true, it'll update the value onBlur and turn off the edit mode.
Type
booleanDefault
truevalue
Description
The value of the Editable in both edit & preview mode.
Type
stringEdit this page on GitHub