# Upload Trigger

Source: https://lumeo.nativ.sh/components/upload-trigger

# Upload Trigger

A Button-styled InputFile trigger for file-pick-only flows — the look and feel of a Lumeo Button that opens the native file picker, without FileUpload's progress and file-list UI.

## When to Use

-   A "Replace document" or "Upload logo" action where the file list lives elsewhere
-   Composer toolbars that add attachments inline
-   Any minimal pick affordance that should match surrounding Lumeo buttons

For full upload UI with progress, drag-and-drop, and validation use [FileUpload](/components/file-upload). UploadTrigger is intentionally the minimal pick-trigger primitive.

Preview Code

Basic Trigger

Upload file

Copy Code

Preview Code

Variants

Default Secondary Outline Ghost

Copy Code

Preview Code

Accept Filter and Multiple

Pick images Pick a PDF

Copy Code

Preview Code

Custom Label and Icon

Replace photo 

Copy Code

Preview Code

Disabled

Upload file

Copy Code

## API Reference

### UploadTrigger

Property

Type

Default

Description

OnFilesSelected

EventCallback<InputFileChangeEventArgs>

—

Fires once per picker confirmation with the chosen files. You handle any subsequent upload logic.

Multiple

bool

false

Allow selecting multiple files (maps to the native picker's multi-select).

Accept

string?

—

MIME-type / extension filter (e.g. `image/*`, `.pdf,.docx`). Null means no filter.

Disabled

bool

false

Disables the trigger.

Variant

Button.ButtonVariant

Default

Visual variant matching the corresponding Button variant.

Size

Button.ButtonSize

Default

Size matching the corresponding Button size.

Text

string?

"Pick a file"

Trigger label. Falls back to a localized default. Ignored when ChildContent is set.

ChildContent

RenderFragment?

—

Custom label content. Overrides Text.

Icon

RenderFragment?

Lucide.Upload

Custom leading icon. Defaults to the upload icon.

Class

string?

—

Additional CSS classes appended to the trigger.

## Related Components

-   [File Upload](/components/file-upload) — Full upload UI with progress, drag-and-drop, and validation
-   [Button](/components/button) — The visual style UploadTrigger mirrors