Input
Single-line text entry and disabled states.
Upstream documentationExamples
Installation
Run the Ninaero registry command to install the component and its dependencies, including shared theme styles.
Install Input
pnpm dlx shadcn@latest add 'https://ninaero.pages.dev/r/input.json'Usage
A complete example using the installed component and hook paths.
Input usage
"use client";import { useId } from "react";import { Input } from "@/components/ui/input";import { Label } from "@/components/ui/label";function InputPreview() { const id = useId(); return ( <div className="w-full max-w-64 space-y-2"> <Label htmlFor={id}>Email</Label> <Input id={id} type="email" placeholder="name@example.com" /> <Input disabled aria-label="Disabled input" placeholder="Disabled" /> </div> );}export default function Demo() { return <InputPreview />;}API Reference
Ninaero exports and local defaults are listed below. See the upstream reference for inherited primitive props and additional composition examples.
Input
Input props
React.ComponentProps<"input"> & { sound?: boolean }- sound
- true