Joined input and dark action button sharing a border, typical for invite, subscribe, or apply flows.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Form10 } from "@/components/beste/piece/form10";
<Form10
label="Invite teammates"
placeholder="name@company.com"
value="lara@beste.co"
action="Send invite"
hint="They'll get an email with a link that expires in 72 hours."
/>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.
Standard text field with a label on top and a muted helper line under the control.
Click-to-edit field that toggles between a plain value with a hover pencil and an input flanked by save and cancel buttons.
Phone field with a flag and dial-code chooser on the left, then the national number in mono.
Input that sandwiches a value between a muted prefix and suffix for URLs, currencies, or domains.