BlockReactregistry:block2 dependencies

UploadThing Button

uploadthing-button

A simple upload button with loading states and file validation. Self-contained component that works with any upload backend.

@elements Registry JSON

Live

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Notes from the author

Self-contained upload button with progress indication, file validation, and customizable accept types. Wire up to any upload backend via the onUpload prop.

Install

npx shadcn@latest add @elements/uploadthing-button

Needs @elements in your components.json registries — switch to URL if it doesn't resolve.

Registry: @elements
Kind: Block
Framework: React
Files: 1 · 4.7 KB
Preview: Live
License: MIT

npm dependencies

@uploadthing/react uploadthing

@elements

More from @elements

Search the catalog

UploadThing Button

Notes from the author

More from @elements