Standard text field with a label on top and a muted helper line under the control.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
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."
/>Labeled input flanked by a red asterisk and a Required pill, plus an explanatory hint below.
Two inputs arranged side by side on a responsive grid for first/last names and paired fields.
Free-form tagger that wraps committed tokens as removable chips and shows a placeholder slot at the end.
Phone field with a flag and dial-code chooser on the left, then the national number in mono.
Click-to-edit field that toggles between a plain value with a hover pencil and an input flanked by save and cancel buttons.
Focused input with the label shrunk to the top-left corner and a blinking caret after the value.