Input with Label

PreviousNext

An input with label component

Docs
shadcnui-blockscomponent

Preview

Loading preview…
components/customized/input/input-05.tsx
import { Input } from "@/registry/ui/input";
import { Label } from "@/registry/ui/label";

export default function InputWithLabelDemo() {
  return (
    <div className="w-full max-w-xs">
      <Label htmlFor="email">Email</Label>
      <Input id="email" type="email" placeholder="Email" className="mt-2" />
    </div>
  );
}

Installation

npx shadcn@latest add @shadcnui-blocks/input-05

Usage

import { Input05 } from "@/components/input-05"
<Input05 />