Files UI - Getting started!
Overview
Files UI is a library of UI components and utilities to easily perform file uploads with React.
It includes a comprehensive collection of prebuilt components that are ready for use in production right out of the box.
Key features:
- ✅ File validation: Validate files before uploading.
- 🎨 File Image previews: See a thumbnail preview
- 🖼️ Full screen image previews: Add more interacion with a full screen preview of images
- 🎥 Full screen video previews. Play the video before uploading.
- 👀 status visualization: validation and upload status is shown on a Tooltip or on Info Layer
- 👀 loader and progress: keep track of the upload progress
- ✈️ File upload: Upload valid files to a server.
- 🎭 Out of the box design and style.
- 🍰 Easy to use. Probably, this is the killer feature you are looking for in a package.
Installation
Run one of the following commands to add Files UI to your project:
npm:
> npm install @files-ui/react
yarn:
> yarn add @files-ui/react
Peer dependency
react >= 17.0.0 and react-dom >= 17.0.0 are peer dependencies.Dropzone-ui
If you come from Dropzone-ui thank you so much for using dropzone-ui/react ❤️ !
Dropzone UI has grown very fast and has exceeded its original scope. That's why we find it reasonable to rebrand it and create a new package keeping the best and adding more features and new components. This new package is here and its name is Files UI ⚡!!
In an very near future we'll stop giving support to dropzone-ui, so we enforce you to upgrade to this new package.
Dropzone UI has grown very fast and has exceeded its original scope. That's why we find it reasonable to rebrand it and create a new package keeping the best and adding more features and new components. This new package is here and its name is Files UI ⚡!!
In an very near future we'll stop giving support to dropzone-ui, so we enforce you to upgrade to this new package.
Default font
Files UI components use the Poppins font by default. However, you can set your own font-family en each component.
