Table of Contents
Note

This documentation describes the InputFile Vue component for native UI views, for Xml templates see input-file.

InputFile

A file upload input that binds to a FileReference value. Displays a download link when a file is already attached.

Import

import { InputFile } from '@neos/app'

Props

Inherits all shared inputProps (label, labelPosition, readonly, disabled, placeholder) plus:

Prop Type Default Description
modelValue FileReference \| null undefined Current file reference (v-model)
label string undefined Input label
labelPosition 'top' \| 'left' \| 'hidden' 'top' Label position
readonly boolean false Disable file selection
disabled boolean false Disable the input

Emits

Event Payload Description
update:modelValue FileReference \| null Emitted when a file is selected or removed

Usage Examples

Standalone file input

<InputFile v-model="attachedFile" label="Attachment" />

In a form

<VerticalLayout space="small">
  <StringFormField property-name="name" />
  <InputFile v-model="document" label="Contract Document" />
</VerticalLayout>

See Also