Docs
Field Input
An input field with floating label animation that moves when the field is focused or has content.
Installation
pnpm dlx shadcn@latest add "https://ui.ednesdayw.com/r/field-input.json"
Usage
import { FieldInput } from "@/components/ui/field-input";
const Page = () => {
return <FieldInput id="email" label="Email" />;
};Example
Size
Variant
Disabled
Invalid
Start & End Content
USD
Password
Form
Sign Up
Create a new account to start using our service