input-file

PreviousNext
Docs
takiexample

Preview

Loading preview…
registry/new-york/examples/input-file.tsx
import { Input } from "@/registry/new-york/ui/input"
import { Label } from "@/registry/new-york/ui/label"

export default function InputFile() {
  return (
    <div className="grid w-full max-w-sm items-center gap-3">
      <Label htmlFor="picture">Picture</Label>
      <Input id="picture" type="file" />
    </div>
  )
}

Installation

npx shadcn@latest add @taki/input-file

Usage

import { InputFile } from "@/components/input-file"
<InputFile />