Editable Input

Renders text that can be edited in place by clicking on it.

Usage

import { EditableInput } from '@binarycapsule/ui-capsules';

isReadonly

hasButtons

value

size

medium

<EditableInput
  action={function}
  value="Hello world"
/>

Name	Description
value Required	string The text value of element.
action Required	function The function to run when submitting a new value. The function accepts the new value as the first param.
size	"small" \| "medium" \| "large"(Default: medium) Changes the size of the editable input.
isReadonly	boolean(Default: false) If set to true, the text is read-only.
hasButtons	boolean(Default: false) If set to true, an "Ok-Cancel" button pair will be rendered.