← ui-lab

Inline Edit

A rename-style inline edit: a control showing the current value that becomes a focused text field — with its text pre-selected — when activated. Enter or blur commits the new value; Escape cancels and restores the original.

Preview

Installation

npx shadcn@latest add https://ui.publictheta.com/r/inline-edit.json

Conformance

This component conforms to the @publictheta/ui-spec inline-edit specification. Run the suite against any implementation with pnpm conformance.