@github/file-attachment-element
    TypeScript icon, indicating that this package has built-in type declarations

    3.0.1 • Public • Published

    <file-attachment> element

    Attach files via drag and drop or file input.

    Installation

    $ npm install @github/file-attachment-element
    

    Usage

    import '@github/file-attachment-element'
    <file-attachment directory>
      <input type="file" multiple />
    </file-attachment>

    Optional attributes

    • 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>.

    Styling drag state

    A boolean [hover] attribute is present on <file-attachment> while files are dragged over the element.

    file-attachment[hover] { border: 2px dashed grey; }

    Events

    • 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.

    Browser support

    Browsers without native custom element support require a polyfill.

    • Chrome
    • Firefox
    • Safari
    • Microsoft Edge

    Development

    npm install
    npm test
    

    License

    Distributed under the MIT license. See LICENSE for details.

    Keywords

    none

    Install

    npm i @github/file-attachment-element

    DownloadsWeekly Downloads

    86

    Version

    3.0.1

    License

    MIT

    Unpacked Size

    31 kB

    Total Files

    9

    Last publish

    Collaborators

    • manuelpuyol
    • jonrohan
    • broccolini
    • mislav
    • mdo
    • primer-css
    • keithamus
    • mschoening
    • koddsson
    • emilybrick
    • lgarron
    • colebemis
    • smockle
    • simurai
    • khiga8
    • dustin.greif
    • srt32