Click-to-edit field that toggles between a plain value with a hover pencil and an input flanked by save and cancel buttons.
The import and the props worth knowing about, in one place.
import { Form31 } from "@/components/beste/piece/form31";
<Form31
label="Workspace name"
value="Mira Studio"
draft="Mira & Co."
editing={true}
bordered={false}
/>