Save 15% on all Justd Blocks
Components

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

Basic usage of a FileTrigger.

Installation

If you hit any issues, make sure you check out the installation guide here for more information.

Composed Components

When you install this component via the CLI, it automatically loads all composed components, so you don’t need to add them individually.

The File Trigger comes packed with several components to enhance functionality and provide a seamless experience.

Buttons play a crucial role in functionality, whether for submitting a form or navigating to another page.

Manual Installation

Make sure you also install the composed components and the required packages for the component to function properly.

Anatomy

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.

When you install this component via the CLI, it automatically loads all composed components, so you don’t need to add them individually.

The File Trigger comes packed with several components to enhance functionality and provide a seamless experience.

The Drop Zone component allows users to drag and drop files or select them manually for a seamless and intuitive upload experience.
It’s more than a picture with curved corners. It’s a vibe, subtly revealing secrets. A cheeky peek into depth, grabbing more than just your gaze.

Controlled

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

Disabled

A FileTrigger that is disabled.