Input
A form input component built on top of shadcn’s Input component that adds floating label behavior.
Installation
pnpm dlx shadcn@latest add https://gfed-registry.vercel.app/r/input.jsonUsage
import { Input } from '@/app/registry/ui/components/input/input';import { Input } from '@/app/registry/ui/components/input/input';
export function DefaultInput() {
return (
<Input
label="Enter your email"
type="email"
placeholder="Enter your email"
autocomplete="email"
/>
);
}Examples
Default
Error State
Disabled State
Loading State
Last updated on