File

The file input type renders VInputFile, a drag-and-drop file list backed by the Modularous media library. It supports multiple files, drag-to-reorder (via vuedraggable), and displays each file as a row with a delete button. Unlike Filepond, this component uses the internal media library rather than the Filepond server protocol.

Hydrate

Class: FileHydrateConfig type: fileOutput type: input-file → VInputFile

The hydrate sets type to input-file and defaults label to the translated string "Files".

Usage

Basic

[
    'type'  => 'file',
    'name'  => 'documents',
    'label' => 'Documents',
]

Translated files

[
    'type'       => 'file',
    'name'       => 'files',
    'translated' => true,
]

Limit the number of files

Pass max to cap how many files can be attached.

[
    'type' => 'file',
    'name' => 'attachments',
    'max'  => 3,
]

Schema Defaults

Key	Default	Description
name	'files'	Form field name
translated	false	Whether files are locale-specific
default	[]	Empty file list
label	'Files'	Auto-translated label

See Also

• Filepond — Alternative upload using the Filepond protocol
• File Storage with Filepond — Setup guide
• Hydrates reference — Resolution table and schema contract