Gallery

File drop

Drop or choose a file; see it; see why one was refused. Sets a real file input.

Reference: BetterMarketer FileDropzone; call tracking dropzone

Preview

Drop the conversions file here or choose one
CSV · up to 10 MB

Focus rings

Drop the conversions file here or choose one
CSV · up to 10 MB

In each theme: Default · Trackable · SkillDecks · BetterMarketer

Install

npx shadcn@4.23.0 add https://ui.dobrin-dobrev.co.uk/r/file-drop.json

Into an app set up with shadcn init --base radix; the parts it uses come with it.

Files

  • registry/default/blocks/file-drop.tsx → components/blocks/file-drop.tsx