Focused input with the label shrunk to the top-left corner and a blinking caret after the value.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Form6 } from "@/components/beste/piece/form6";
<Form6
label="Email address"
value="mira@beste.co"
/>Standard text field with a label on top and a muted helper line under the control.
Labeled-tick slider with a primary fill, a value pill in the header, and the active tick bolded.
Font-size slider with discrete tick dots under the rail and a mono value chip in the header.
Two inputs arranged side by side on a responsive grid for first/last names and paired fields.
Setting row with label, supporting copy, and a sliding switch that turns emerald when on.
Open-state select showing the focused control and the flyout list with one option muted as chosen.