File Trigger

File Triggers are your go-to for grabbing files from the file system, acting like a digital fishing rod to hook up goodies from local or cloud storage.

Basic

A FileTrigger lets users dive into the file system with any clickable React Aria or React Spectrum part, or custom bits made with usePress.

Installation

In the terminal, run the following command to begin:
npx hq-kit add file-trigger

Folder

A FileTrigger that lets users select a folder from the file system.

Multiple

A FileTrigger that allows users to select multiple files from the file system.

Camera

A FileTrigger that lets users capture images using their device's camera.

Avatar

Controlled

You can use the onSelect prop to snag the selected files.

Disabled

A FileTrigger that is disabled.

ButtonToggle