Email input with a label and helper text.
Runs as is, no setup needed. Want a shorter command like @nextui/input-01? See short names.
$pnpm dlx shadcn@latest add https://tinistudio.vercel.app/r/input-01.json
npx shadcn@latest add https://tinistudio.vercel.app/r/input-01.jsonimport { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
export default function Input01() {
return (
<div className="grid w-full max-w-sm gap-2">
<Label htmlFor="input-01-email">Work email</Label>
<Input id="input-01-email" type="email" placeholder="you@company.com" />
<p className="text-xs text-muted-foreground">We will send the invoice to this address.</p>
</div>
);
}