Labeled Input

Standard text field with a label on top and a muted helper line under the control.

Mira & Co.
Shown on invoices and in the team directory.

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

Import & use
import { Form1 } from "@/components/beste/piece/form1";

<Form1
  label="Workspace name"
  placeholder="Beste Studio"
  value="Mira & Co."
  helper="Shown on invoices and in the team directory."
/>