║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║

---

title: File Field description: A component for Wandry UI

Installation

<CodeBlockCommand __pnpm__="pnpm dlx shadcn@latest add @wandry-ui/file-field" __npm__="npx shadcn@latest add @wandry-ui/file-field" __bun__="bunx --bun shadcn@latest add @wandry-ui/file-field" __yarn__="yarn dlx shadcn@latest add @wandry-ui/file-field" />

Example

<ComponentPreview src="/registry/examples/file-field-demo.tsx" name="file-field-demo" description="A component for Wandry UI" align="center" />

Usage

import FileField from "@/components/file-field";

<FileField
  name="documents"
  label="Upload Documents"
  description="Please upload your documents in PDF or DOCX format."
  accept=".pdf,.docx"
/>

Props

<AutoTypeTable path="registry/wandry-ui/file-field.tsx" name="FileFieldProps" />

║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║