Comparing version
@@ -9,4 +9,9 @@ # Changelog | ||
## 0.1.1 | ||
* `DOCS`: add styling section | ||
* `CHORE`: add `LICENSE` file | ||
## 0.1.0 | ||
_Initial version._ |
@@ -5,3 +5,3 @@ import { domify, event } from 'min-dom'; | ||
'<div class="box">' + | ||
'<div>{label}</div>' + | ||
'<div class="label">{label}</div>' + | ||
'</div>' + | ||
@@ -8,0 +8,0 @@ '</div>'; |
@@ -7,3 +7,3 @@ 'use strict'; | ||
'<div class="box">' + | ||
'<div>{label}</div>' + | ||
'<div class="label">{label}</div>' + | ||
'</div>' + | ||
@@ -10,0 +10,0 @@ '</div>'; |
{ | ||
"name": "file-drops", | ||
"version": "0.1.0", | ||
"version": "0.1.1", | ||
"description": "A simple in-browser file drop utility", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
@@ -14,3 +14,3 @@ # file-drops | ||
const dropHandler = fileDrop('Drop a file', function(files) { | ||
// files = [ { name, contents } ] | ||
// files = [ { name, contents }, ... ] | ||
}); | ||
@@ -21,5 +21,19 @@ | ||
## Styling | ||
On drop over, the utility will attach a the following overlay to the | ||
container element: | ||
```html | ||
<div class="drop-overlay"> | ||
<div class="box"> | ||
<div>{label}</div> | ||
</div> | ||
</div> | ||
``` | ||
Style it as you wish. :heart: | ||
## License | ||
MIT |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
29669
5.15%8
14.29%37
60.87%