Components
Input
Styled single-line text field.
The Input primitive is a styled native <input> — it forwards every native
attribute and layers on the shared focus, disabled, and aria-invalid states.
Preview
import { Input } from '@web/components/ui/input';import { Label } from '@web/components/ui/label';export default function InputDemo() { return ( <div className="grid w-full max-w-sm gap-2"> <Label htmlFor="demo-email">Email</Label> <Input id="demo-email" type="email" placeholder="you@example.com" /> </div> );}Import
import { Input } from "@/components/ui/input";Props
Input adds no custom props — it forwards every native <input> attribute.
The table below is generated at build time from the real InputProps type
exported by the apps/web source, so it tracks the code.
Prop
Type