Inline Edit

An input that switches between read and edit modes.

Library

uselayouts

Framework

React

Type

component

License

MIT

Dependencies

@hugeicons/core-free-icons, @hugeicons/react, clsx, motion, tailwind-merge

Install

npx shadcn@latest add https://uselayouts.com/r/inline-edit

Files

• registry/default/example/inline-edit.tsx
• components/ui/input.tsx
• lib/cn.ts
• lib/utils.ts

Source

https://github.com/iurvish/uselayouts

Categories

• Inline Edit Components
• Tailwind CSS Inline Edit Components
• Animated Inline Edit Components
• Input Components
• React Input Components
• Tailwind CSS Input Components
• Animated Input Components
• shadcn/ui Input Components
• Text Input Components
• React Text Input Components
• Tailwind CSS Text Input Components
• Animated Text Input Components

More from uselayouts

• Morphing Input
• 3D Book
• Accessible Action
• AccordionOS
• Analog Stick
• Animated Collection
• Bento Card
• Bookshelf
• Bottom Menu
• Bucket
• Card Folder
• Client Card