Icon-Only Upload

A compact, icon-only upload button without text. Ideal for toolbars, chat inputs, and space-constrained layouts.

What you should see: a browse control reduced to a single icon for toolbars. The button still carries an accessible name, so a screen reader announces what it does rather than just “button”.

Drag & drop files here, or paste from clipboard

Click the icon to upload

Toolbar Example

Drag & drop files here, or paste from clipboard

<!-- Icon-only upload button -->
<div style="--cu-btn-icon-only: true;">
 <core-upload asp-upload-url="/api/upload/upload"
 asp-multiple="true"
 asp-progress="true"
 asp-auto-upload="true"
 asp-button-text="">
 </core-upload>
</div>

<!-- Transparent icon for toolbar integration -->
<div style="--cu-btn-icon-only: true;
 --cu-btn-bg: transparent;
 --cu-btn-text: #64748b;
 --cu-btn-hover-bg: #e2e8f0;">
 <core-upload asp-upload-url="/api/upload/upload"
 asp-auto-upload="true"
 asp-button-class="cu-icon-only cu-toolbar-btn"
 asp-button-text="+">
 </core-upload>
</div>