@theredhead — Frontend Library - v1.0.0
    Preparing search index...

    Class UIFileUpload

    File-upload component providing a click-to-browse button and a drag-and-drop zone.

    Selected files are exposed via the two-way files model signal and emitted individually through fileAdded / fileRemoved.

    <ui-file-upload
      accept="image/*"
      [multiple]="true"
      [(files)]="selectedFiles"
      (fileAdded)="onFile($event)"
    />
    Index

    Constructors

    constructor

    Properties

    accept ariaLabel disabled fileAdded fileCount fileRejected fileRemoved files label maxFileSize multiple

    Methods

    browse clear remove

    Constructors

    Properties

    accept: InputSignal<string> = ...

    Comma-separated MIME types or extensions (forwarded to the native input).

    ariaLabel: InputSignal<string> = ...

    Accessible label for the hidden file input.

    disabled: InputSignal<boolean> = ...

    Whether the component is disabled.

    fileAdded: OutputEmitterRef<UIFileEntry> = ...

    Emitted when a file passes validation and is added.

    fileCount: Signal<number> = ...

    Human-readable summary of selected files.

    fileRejected: OutputEmitterRef<{ file: File; reason: string }> = ...

    Emitted when a file is rejected (wrong type or too large).

    fileRemoved: OutputEmitterRef<UIFileEntry> = ...

    Emitted when a file is removed by the user.

    files: ModelSignal<readonly UIFileEntry[]> = ...

    Two-way binding for the current list of selected file entries.

    label: InputSignal<string> = ...

    Label text shown inside the drop zone.

    maxFileSize: InputSignal<number | undefined> = ...

    Maximum file size in bytes. Files exceeding this are rejected.

    multiple: InputSignal<boolean> = ...

    Whether multiple files may be selected at once.

    Methods

    • Programmatically open the file browser.

      Returns void

    • Remove all files.

      Returns void

    • Remove a file entry by its id.

      Parameters

      • id: string

      Returns void

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Methods