https://github.com/vikramsamak/shadcn-file-input-extended
A modern, customizable file input component built with ShadCN and react-hook-form, featuring drag-and-drop support and a sleek UI.
https://github.com/vikramsamak/shadcn-file-input-extended
dropzone file file-input shadcn-ui
Last synced: 6 days ago
JSON representation
A modern, customizable file input component built with ShadCN and react-hook-form, featuring drag-and-drop support and a sleek UI.
- Host: GitHub
- URL: https://github.com/vikramsamak/shadcn-file-input-extended
- Owner: vikramsamak
- Created: 2025-02-16T06:02:22.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-24T19:23:45.000Z (over 1 year ago)
- Last Synced: 2025-02-24T20:28:48.753Z (over 1 year ago)
- Topics: dropzone, file, file-input, shadcn-ui
- Language: TypeScript
- Homepage: https://shadcn-file-input-extended.vercel.app/
- Size: 489 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ShadCN File Input
A modern, customizable file input component built with ShadCN and react-hook-form, featuring drag-and-drop support and a sleek UI.
## 🚀 Features
- 📂 **Drag & Drop File Upload**
- 🎨 **Fully Themed with ShadCN UI**
- 🔥 **Supports Single & Multiple File Selection**
- 🌙 **Dark Mode Compatible**
- ✨ **Animated and Accessible**
## 📸 Preview
## 🛠 Installation
```sh
npx shadcn@latest add shadcn-file-input-extended.vercel.app/file-input.json
```
## 🔧 Usage
```tsx
(
Upload Files
)}
/>
```
## 🤝 Contributing
💡 **Contributions Welcome!** Feel free to open issues or submit PRs.
📬 **Have questions?** Reach out via [email](mailto:vikramsamak02@gmail.com).
Made with ❤️ using [shadcn/ui](https://ui.shadcn.com)