Inline Edit

Click-to-edit field that toggles between a plain value with a hover pencil and an input flanked by save and cancel buttons.

Mira & Co.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Form31 } from "@/components/beste/piece/form31";

<Form31
  label="Workspace name"
  value="Mira Studio"
  draft="Mira & Co."
  editing={true}
/>