Comments (1)
Hi,
You need to add a children
prop with a JSX element that is custom styled for the drop area. Something like:
<FileUploader
multiple={false}
handleChange={handleChange}
name="file"
types={fileTypes}
children={boxArea}
/>
Where const boxArea = <div className='dropArea'>Add file </div>
You can then style the class dropArea
how ever you want in your style sheet.
from react-drag-drop-files.
Related Issues (20)
- Custom svg for another Extensions type like excel or csv?
- Demo is not working
- Doesnt actually upload files or allow you trigger an action afterwards? HOT 2
- image width and height
- Impossible to set global file type specifier
- how to change error message on wrong file, currently it shows only File type/size error, Hovered on types!
- Multiple files upload HOT 2
- Prevent the file picker from triggering when a child element has a click event HOT 5
- [BUG] A black border box flashing when focusing HOT 2
- Incorrect use of <label for=FORM_ELEMENT> warning HOT 1
- If the input is required and we use drag and drop to upload the file, then on form submit, it says field is required. HOT 2
- dropMessageStyle Not Changing Styles
- Show "Uploading" message, and setUploaded manually
- How to change label text "Uploaded Successfully! Upload another?" HOT 4
- No way to change label color? HOT 2
- Error message with file name in it
- Size bigger than children HOT 1
- Is it possible to prevent the file input on click but that it still works on dragging in files? HOT 1
- File Type Issue in Mobile Safari Ios Version 17 and Chrome ios
- [ Outline ] Outline on file select HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-drag-drop-files.