@hackr/chakra-ui-editable v1.0.0-rc.9

@hackr/chakra-ui-editable

EditableText is used for inline renaming of some text. It appears as normal UI text but transforms into a text input field when the user clicks or focuses on it.

Installation

yarn add @hackr/chakra-ui-editable

# or

npm i @hackr/chakra-ui-editable

Import component

import { Editable, EditableInput, EditablePreview } from "@hackr/chakra-ui-core"

Usage

<Editable defaultValue="Take some chakra">
  <EditablePreview />
  <EditableInput />
</Editable>