Compact Layout

A space-efficient uploader layout with smaller controls and tighter spacing. Perfect for sidebars and panels.

What you should see: the same control with tighter spacing and smaller hit areas, for sidebars and panels. Files upload immediately; the cap is 5 MB.

Drag & drop files here, or paste from clipboard

<div style="--cu-layout: compact;
 --cu-spacing: 0.5rem;
 --cu-btn-padding: 0.375rem 0.75rem;
 --cu-btn-font-size: 0.8125rem;">
 <core-upload asp-upload-url="/api/upload/upload"
 asp-multiple="true"
 asp-progress="true"
 asp-max-size="5MB"
 asp-auto-upload="true">
 </core-upload>
</div>

A smaller footprint

Tighter padding, smaller type and a shorter queue row, all from CSS acting on the component's class names. It suits a sidebar, a panel or a table row where the uploader is a secondary control rather than the focus of the screen.

Shrink the chrome, not the targets

Click and drop targets need to stay comfortably hittable as everything else gets smaller — on touch especially. A compact control that is hard to aim at has traded away the wrong thing.