Dropfile

Allows users to drag and drop files into the browser to upload them.

Source code

Click here to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

Installation

npx ui-thing@latest add dropfile

Usage

Placeholder

Click to upload or drag & drop files.

All file types accepted

Dropdown Menu

Displays a menu to the user—such as a set of actions or functions—triggered by a button.

Editable

Displays an input field used for editing a single line of text, rendering as static text on load. It transforms into a text input field when the edit interaction is triggered.