Dev Design Library

Inline Edit

Click-to-edit text that turns into an auto-sizing input with save/cancel controls, validation, async save support and a shake on error.

Inline Edit preview
Library
ReactFrame
Framework
React
Type
component
License
MIT
Dependencies
clsx, motion, tailwind-merge
Install
npx shadcn@latest add https://reactframe.com/r/inline-edit.json
Files
  • registry/new-york/inline-edit/inline-edit.tsx
Source
https://github.com/AhmetLoca/reactframe-public

Categories

More from ReactFrame