JSPM

@chakra-ui/editable

3.1.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 386244
  • Score
    100M100P100Q187132F
  • License MIT

React component used to build inline-editable components

Package Exports

  • @chakra-ui/editable
  • @chakra-ui/editable/package.json

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>