Manual Reference Source
import EditableLabel from 'cloudify-stage/basic/EditableLabel.js'
public class | source

EditableLabel

Extends:

react~Component → EditableLabel

EditableLabel component shows an editable label. Label can have an optional placeholder and/or default text.

Access

Stage.Basic.EditableLabel

Usage

Read-only label

EditableLabel

<EditableLabel isEditEnable={false} text="Sample Text" />

Editable label (focused)

EditableLabel

<EditableLabel placeholder="Enter your text here..." />

Static Member Summary

Static Public Members
public static

Static Public Members

public static propTypes: * source

Properties:

NameTypeAttributeDescription
text string
  • optional
  • default: ''

Label's default value

placeholder string
  • optional
  • default: ''

Label's value if text EditableLabel.text value is not set

className string
  • optional
  • default: ''

Name of the style class to be added

isEditEnable boolean
  • optional
  • default: true

If 'true' make the label editable

onEditDone Function
  • optional

Function to call when value has changed (returns label's text as attribute)