-
Notifications
You must be signed in to change notification settings - Fork 62
CSVReader (Drag to Upload) Style
Bunlong VAN edited this page Aug 22, 2020
·
5 revisions
<CSVReader
onDrop={this.handleOnDrop}
onError={this.handleOnError}
addRemoveButton
onRemoveFile={this.handleOnRemoveFile}
style={{
dropArea: {
borderColor: 'pink',
borderRadius: 20,
},
dropAreaActive: {
borderColor: 'red',
},
dropFile: {
width: 100,
height: 120,
background: '#ccc',
},
fileSizeInfo: {
color: '#fff',
backgroundColor: '#000',
borderRadius: 3,
lineHeight: 1,
marginBottom: '0.5em',
padding: '0 0.4em',
},
fileNameInfo: {
color: '#fff',
backgroundColor: '#eee',
borderRadius: 3,
fontSize: 14,
lineHeight: 1,
padding: '0 0.4em',
},
removeButton: {
color: 'blue',
},
progressBar: {
backgroundColor: 'pink',
},
}}
>
<span>Click to upload.</span>
</CSVReader>