Skip to content

@sqlrooms/ui / EditableText

Function: EditableText()

EditableText(props): ReactNode | Promise<ReactNode>

Parameters

ParameterTypeDescription
props{ className: string; isReadOnly: boolean; value: string; minWidth: number; maxWidth: number; placeholder: string; onChange: (text) => void; defaultEditing: boolean; isEditing: boolean; onEditingChange: (isEditing) => void; }-
props.className?string-
props.isReadOnly?boolean-
props.valuestring-
props.minWidth?number-
props.maxWidth?number-
props.placeholder?string-
props.onChange(text) => void-
props.defaultEditing?booleanThe editing state when it is initially rendered. Use when you do not need to control its editing state in the parent component.
props.isEditing?booleanThe controlled editing state of the component. Must be used in conjunction with onEditingChange.
props.onEditingChange?(isEditing) => void-

Returns

ReactNode | Promise<ReactNode>