Repository files navigation

Attach files via drag and drop or file input.

$ npm install @github/file-attachment-element

import'@github/file-attachment-element'

<file-attachmentdirectoryinput="upload"><inputid="upload"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>. Files selected from the<input> will be attached to<file-attachment>. Supplying an input is strongly recommended in order to ensure users can upload files without a mouse or knowing where to paste files.

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. Callevent.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 nativecustom element support require apolyfill.

• Chrome
• Firefox
• Safari
• Microsoft Edge

npm installnpm test

Distributed under the MIT license. See LICENSE for details.