Compact Mode

A compact uploader with reduced padding and smaller font sizes, suitable for tight layouts or sidebars.

Drop files here

<style>
 .mu-select-btn { padding: 5px 14px; font-size: 13px; }
 .mu-dropzone { padding: 12px; }
 .mu-dropzone-text { font-size: 12px; }
 .mu-progress-bar { height: 4px; }
</style>

var uploader = new MultipleUpload(document.getElementById('myUploader'), {
 uploadUrl: '/api/upload'
});

A smaller footprint from CSS alone

This demo passes only uploadUrl. The compact appearance — tighter padding, smaller type, a shorter queue row — is your stylesheet acting on the component's class names, not a mode the component has to support.

Where it fits

Sidebars, panels, table rows, anywhere the uploader is a secondary control rather than the focus of the screen. Keep the click and drop targets big enough to hit comfortably as you shrink things: a compact control that is hard to aim at has traded the wrong thing away.