File Trigger

Installation

Examples

Folder

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

Multiple

A FileTrigger that enables users to select multiple files.

Camera

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

Avatar

A FileTrigger that allows users to select an avatar from their file system. It integrates components like avatar and drop-zone, enabling users to either drag and drop or manually select a file.

This how you can use the FileTrigger combined with an Avatar component.

Pending

A FileTrigger can indicate a pending state using the isPending prop. This provides feedback for actions that take time, communicates the status to assistive technologies, and disables interactions except for focus.

Controlled

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

Disabled

A FileTrigger that is disabled.