HQ UI

File Trigger

A FileTrigger allows a user to access the file system with any pressable React Aria or React Spectrum component, or custom components built with usePress.

Installation

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

Basic

Folder

Multiple

Camera

Variants

File Trigger uses Button component so you can use all the variants that Button supports

Avatar

Controlled

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

Disabled