A styled text input field built on Base UI for use in forms and search controls.
"use client"; import { Input } from "@/components/ui/input"; export default function Default() { return ( <div className="flex min-h-screen w-full items-center justify-center bg-background p-8"> <div className="w-[420px] space-y-3"> <label className="text-sm font-medium text-foreground">Document name</label> <Input placeholder="Document name" className="w-full" size="lg" /> </div> </div> ); }