Skip to Content

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.json

Usage

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