Skip to content

File upload โ€‹

A drag-and-drop file uploader with previews, validation states and a built-in file list. Toggle Vue / CSS to switch the live demo and source together.

Basic โ€‹

Single-file upload with default styling.

Vue SFC

Compact โ€‹

Reduced padding via variant="compact".

Vue SFC

Multiple โ€‹

Allow multiple files with optional max-files / max-file-size.

Vue SFC

Image โ€‹

Image-only upload with previews.

Vue SFC

Validation โ€‹

Valid, invalid and warning states with messages.

Vue SFC

States โ€‹

Disabled and required examples.

Vue SFC

Preloaded โ€‹

Initialize the uploader with existing files.

Vue SFC

Event log โ€‹

Live log of mno-change, mno-remove and mno-error events.

Vue SFC

Customized โ€‹

Override per-element styling with the cssClass prop (Vue) or extra utility classes (CSS).

Vue SFC