https://github.com/janglad/shadcn-dropzone

A dropzone component built in the style of Shadcn using react-dropzone
https://github.com/janglad/shadcn-dropzone

dropzone radix react-dropzone shadcn

Last synced: 8 days ago
JSON representation

A dropzone component built in the style of Shadcn using react-dropzone

• Host: GitHub
• URL: https://github.com/janglad/shadcn-dropzone
• Owner: janglad
• License: mit
• Created: 2024-10-15T17:02:43.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2025-01-11T21:25:22.000Z (24 days ago)
• Last Synced: 2025-01-11T22:25:56.206Z (24 days ago)
• Topics: dropzone, radix, react-dropzone, shadcn
• Language: TypeScript
• Homepage: https://shadcn-dropzone.vercel.app
• Size: 616 KB
• Stars: 6
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-shadcn-ui - Link

README

        
# ShadCn style Dropzone

A dropzone component built in the style of ShadCn. Uses the `useDropzone` hook from react-dropzone, builds on ShadCn primitives and aims to be fully accessible.

## Todo

- [ ] Integrate with React Hook Form

## Installation

Make sure you have ShadCn set up in your project and run `pnpx shadcn@latest add 'https://shadcn-dropzone.vercel.app/dropzone.json'`.

Or copy [this file](/components/dropzone.tsx) and update imports as needed.

## Usage

Check out the[docs](https://shadcn-dropzone.vercel.app/).