Attach files via drag and drop or file input.
$ npm install @github/file-attachment-element
import '@github/file-attachment-element'
<file-attachment directory>
<input type="file" multiple />
</file-attachment>
file-attachment[directory] enables traversing directories.file-attachment[input] points to the ID of a file input inside of <file-attachment>. If supplied, only files selected from the corresponding <input> will be attached to <file-attachment>.A boolean [hover] attribute is present on <file-attachment> while files are dragged over the element.
file-attachment[hover] { border: 2px dashed grey; }
file-attachment-accept – Files were dropped onto the element. Call event.preventDefault() to prevent the drop. Bubbles.file-attachment-accepted – Files were added to the attachment list and can be uploaded by the host app. Bubbles.Browsers without native custom element support require a polyfill.
npm install
npm test
Distributed under the MIT license. See LICENSE for details.