input-with-label

PreviousNext
Docs
kanpekiexample

Preview

Loading preview…
registry/examples/input/input-with-label.tsx
import { Input } from "~/registry/ui/input";
import { Label } from "~/registry/ui/label";

export function InputWithLabel() {
  return (
    <div className="grid w-full max-w-sm items-center gap-3">
      <Label htmlFor="email">Email</Label>
      <Input id="email" placeholder="Email" type="email" />
    </div>
  );
}

Installation

npx shadcn@latest add @kanpeki/input-with-label

Usage

import { InputWithLabel } from "@/components/input-with-label"
<InputWithLabel />