# Upload

Upload one or more files

edit on github

# Examples

# Base

# Drag&Drop

# Props

Prop name Description Type Values Default
expanded Upload will be expanded (full-width) boolean - false
rounded Makes the element rounded boolean -
icon Icon name to be added string -
iconPack Icon pack to use string mdi, fa, fas and any other custom icon pack
autocomplete Native options to use in HTML5 validation string -
maxlength Same as native maxlength, plus character counter number|string -
useHtml5Validation Enable html 5 native validation boolean - Config -> "useHtml5Validation": true
statusIcon Show status icon using field and variant prop boolean - Config -> "statusIcon": true
validationMessage The message which is shown when a validation error occurs string -
v-model object|func|File|array -
multiple Same as native, also push new item to v-model instead of replacing boolean -
disabled Same as native disabled boolean -
accept Same as native accept string -
dragDrop Accepts drag & drop and change its style boolean -
variant Color of the control, optional string primary, info, success, warning, danger, and any other custom color 'primary'
native Replace last chosen files every time (like native file input element) boolean - false
rootClass string -
draggableClass string -
variantClass string -
expandedClass string -
disabledClass string -
hoveredClass string -

# Events

Event name Type Description
blur undefined
focus undefined
input undefined

# Slots

Name Description Bindings

# Style

CSS Variable SASS Variable Default
--oruga-upload-draggable-border $upload-draggable-border 1px dashed $grey-light
--oruga-upload-draggable-border-radius $upload-draggable-border-radius $base-border-radius
--oruga-upload-draggable-disabled-opacity $upload-draggable-disabled-opacity $base-disabled-opacity
--oruga-upload-draggable-padding $upload-draggable-padding 0.25em