Color Schemes for Editable are not implemented in the default theme. You can extend the theme to implement them.
Editable
EditableText is used for inline renaming of some text. It appears as normal UI text but transforms into a text input field when the user clicks or focuses on it.
Props#
Editable Props#
colorScheme
colorSchemeDescription
Type
stringdefaultValue
defaultValueDescription
The initial value of the Editable in both edit & preview mode
Type
stringisDisabled
isDisabledDescription
If true, the Editable will be disabled.
Type
booleanisPreviewFocusable
isPreviewFocusableDescription
If true, the read only view, has a tabIndex set to 0
so it can receive focus via the keyboard or click.
Type
booleanDefault
trueonCancel
onCancelDescription
Callback invoked when user cancels input with the Esc key.
It provides the last confirmed value as argument.
Type
((previousValue: string) => void)onChange
onChangeDescription
Callback invoked when user changes input.
Type
((nextValue: string) => void)onEdit
onEditDescription
Callback invoked once the user enters edit mode.
Type
(() => void)onSubmit
onSubmitDescription
Callback invoked when user confirms value with enter key or by blurring input.
Type
((nextValue: string) => void)placeholder
placeholderDescription
The placeholder text when the value is empty.
Type
stringselectAllOnFocus
selectAllOnFocusDescription
If true, the input's text will be highlighted on focus.
Type
booleanDefault
truesize
sizeDescription
Sizes for Editable are not implemented in the default theme. You can extend the theme to implement them.
Type
stringstartWithEditView
startWithEditViewDescription
If true, the Editable will start with edit mode by default.
Type
booleansubmitOnBlur
submitOnBlurDescription
If true, it'll update the value onBlur and turn off the edit mode.
Type
booleanDefault
truevalue
valueDescription
The value of the Editable in both edit & preview mode
Type
stringvariant
variantDescription
Variants for Editable are not implemented in the default theme. You can extend the theme to implement them.
Type
stringProps#
Editable Props#
colorScheme
colorSchemeDescription
Color Schemes for Editable are not implemented in the default theme. You can extend the theme to implement them.
Type
stringdefaultValue
defaultValueDescription
The initial value of the Editable in both edit & preview mode
Type
stringisDisabled
isDisabledDescription
If true, the Editable will be disabled.
Type
booleanisPreviewFocusable
isPreviewFocusableDescription
If true, the read only view, has a tabIndex set to 0
so it can receive focus via the keyboard or click.
Type
booleanDefault
trueonCancel
onCancelDescription
Callback invoked when user cancels input with the Esc key.
It provides the last confirmed value as argument.
Type
((previousValue: string) => void)onChange
onChangeDescription
Callback invoked when user changes input.
Type
((nextValue: string) => void)onEdit
onEditDescription
Callback invoked once the user enters edit mode.
Type
(() => void)onSubmit
onSubmitDescription
Callback invoked when user confirms value with enter key or by blurring input.
Type
((nextValue: string) => void)placeholder
placeholderDescription
The placeholder text when the value is empty.
Type
stringselectAllOnFocus
selectAllOnFocusDescription
If true, the input's text will be highlighted on focus.
Type
booleanDefault
truesize
sizeDescription
Sizes for Editable are not implemented in the default theme. You can extend the theme to implement them.
Type
stringstartWithEditView
startWithEditViewDescription
If true, the Editable will start with edit mode by default.
Type
booleansubmitOnBlur
submitOnBlurDescription
If true, it'll update the value onBlur and turn off the edit mode.
Type
booleanDefault
truevalue
valueDescription
The value of the Editable in both edit & preview mode
Type
stringvariant
variantDescription
Variants for Editable are not implemented in the default theme. You can extend the theme to implement them.
Type
string