@packpackman/editable
TypeScript icon, indicating that this package has built-in type declarations

3.1.0 • Public • Published

@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>

Package Sidebar

Install

npm i @packpackman/editable

Weekly Downloads

0

Version

3.1.0

License

MIT

Unpacked Size

4.07 kB

Total Files

3

Last publish

Collaborators

  • raj4646