A container in which users can drop files to upload.

Install

npm install @fluid-topics/ft-file-drop
yarn add @fluid-topics/ft-file-drop

Usage

import { html } from "lit"
import "@fluid-topics/ft-file-drop"
import { FileDropEvent } from "@fluid-topics/ft-file-drop"

function render() {
    return html` 
        <ft-file-drop @file-drop=${ (e: FileDropEvent) => console.log(e.detail) } style="height: 300px;"></ft-file-drop> 
    `
}