Package Exports

@chakra-ui/editable
@chakra-ui/editable/dist/chakra-ui-editable.cjs.js
@chakra-ui/editable/dist/chakra-ui-editable.esm.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@chakra-ui/editable) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@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 @chakra-ui/editable

# or

npm i @chakra-ui/editable

Import component

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

Usage

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