File Input

PreviousNext

A file input component

Docs
shadcnui-blockscomponent

Preview

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

export default function FileInputDemo() {
  return (
    <div className="w-full max-w-xs">
      <Label htmlFor="picture">Profile Picture</Label>
      <Input id="picture" type="file" className="mt-2" />
    </div>
  );
}

Installation

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

Usage

import { Input11 } from "@/components/input-11"
<Input11 />