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 isEditEnable={false} text="Sample Text" />
Editable label (focused)
<EditableLabel placeholder="Enter your text here..." />
Static Member Summary
Static Public Members | ||
public static |
propTypes: * |
Static Public Members
public static propTypes: * source
Properties:
Name | Type | Attribute | Description |
text | string |
|
Label's default value |
placeholder | string |
|
Label's value if text EditableLabel.text value is not set |
className | string |
|
Name of the style class to be added |
isEditEnable | boolean |
|
If 'true' make the label editable |
onEditDone | Function |
|
Function to call when value has changed (returns label's text as attribute) |