File Upload
Files on paper, three ways: FileUpload is the way in (a dashed dropzone, a quiet text-only zone, or a compact button) with real click and drag-and-drop; FileChip is a small pill to pin above a chat composer; FileCard is the landed file with a live image preview or type icon, size, progress hairline and remove. While a file hovers the dropzone, the edge-light flares and the border warms toward the accent.
Draw
npx shadcn@latest add @clow/file-uploadPlayground
props
<FileUpload />Examples
basic
Props
| prop | type | default |
|---|---|---|
| variant | dropzone | quiet | button | dropzone |
| multiple | boolean | true |
| label | text | Drop files here or click to browse |
| hint | text | Images, audio or PDF up to 25 MB |
| disabled | boolean | false |