Tailwind Theme
Customize the uploader appearance using Tailwind-friendly CSS variable overrides to match your Tailwind design system.
What you should see: the control matched to a Tailwind design system using CSS variables, with no utility classes needed inside the component itself. Cap is 10 MB.
Drag & drop files here, or paste from clipboard
<div style="--cu-primary: #0891b2;
--cu-radius: 0.5rem;
--cu-btn-bg: #0891b2;
--cu-btn-text: #ffffff;
--cu-btn-hover-bg: #0e7490;
--cu-border: #e2e8f0;
--cu-bg: #f8fafc;
--cu-text: #0f172a;
--cu-progress-bg: #0891b2;">
<core-upload asp-upload-url="/api/upload/upload"
asp-multiple="true"
asp-progress="true"
asp-drop-zone="true"
asp-max-size="10MB">
</core-upload>
</div>Utility classes over the component
Tailwind theming works like any other: the component's class names are the hooks and your utilities restyle them. Because the markup is rendered server-side by the tag helper, the classes are in the HTML your build already scans.
The state utility-first CSS forgets
The drag-over highlight is toggled by the component rather than written into your markup, so it is easy to leave unstyled. A drop zone that does not visibly react while a file hovers over it reads as a page that ignores drops — style that class explicitly.