Editable Text

Editable text allows user to edit text in the same place as it's displayed.

#

#

#

#

#

  • Used for infrequently edited text

#

Inherits Text props.

NameDefaultDescription
isDisabledfalseboolean

Determines if text is editable.

placeholder

string

The placeholder text to use when the field is empty.

value

string

Text value.

onChange

(value: string) => void

Callback invoked when user confirms the new value.

onCancel

(value: string) => void

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

On this page

  • Usage
  • Basic
  • Disabled
  • Guidelines
  • When to use
  • Props