Floating Label

Focused input with the label shrunk to the top-left corner and a blinking caret after the value.

mira@beste.co

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

Import & use
import { Form6 } from "@/components/beste/piece/form6";

<Form6
  label="Email address"
  value="mira@beste.co"
/>