# drop-anywhere

**Repository Path**: mirrors_component/drop-anywhere

## Basic Information

- **Project Name**: drop-anywhere
- **Description**: Drag and drop a file anywhere to upload
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-08
- **Last Updated**: 2026-05-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


# drop-anywhere

  Drag and drop files anywhere to upload.

## Installation

    $ component install component/drop-anywhere

## Example

```js
var dropAnywhere = require('drop-anywhere');

var drop = dropAnywhere(function(e){
  e.items.forEach(function(item){
    console.log(item);
  });
});
```

## API

### DropAnywhere#unbind()

  Unbind event handlers.

## Example CSS

  The classname `.show` is added when a user triggers a dragstart event. By
  default `#drop-anywhere` is stretched 100% horizontally and vertically, with
  a semi-transparent background.

```css
@-webkit-keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

body {
  text-align: center;
}

#drop-anywhere {
  line-height: 500px;
  text-align: center;
  color: white;
  display: none;
}

#drop-anywhere::before {
  content: 'Drop to upload!';
}

#drop-anywhere.show {
  -webkit-animation: show 300ms;
}
  ```

## License

  MIT