GFA Design System is still in development; component APIs and styles may change in upcoming releases.

Ask a Question
Language

Dropzone

File dropzone with drag states and previews.

Preview & code

GFA Studio CLI · Coming soon

Drag & drop files

or browse · up to 10 MB

Images, PDF, DOC, TXT

Installation

CLI

GFA Studio CLI — Coming soon

The `npx gfa-studio` installer is not published yet. Use Manual install below or download the artifact JSON.

Artifact JSON
https://ui.gkhn.dev/gfa/dropzone.json

Manual

  1. Download the component source from https://ui.gkhn.dev/gfa/dropzone.json (or copy from this repo: apps/web/src/blocks/gfa/dropzone.tsx).
  2. Place it in your project (for example: ./src/blocks/gfa/dropzone.tsx) and adjust imports/aliases.
  3. Ensure cn from @/lib/utils exists.
  4. Theme tokens and utilities should align with globals.css.

Step-by-step getting started guide →

Release note

Published
16 Aug 2026, 16:00(Türkiye — Ankara, Europe/Istanbul)
Last updated
16 Aug 2026, 16:00(Türkiye — Ankara, Europe/Istanbul)

Instants are stored as UTC (ISO) in the repo; above are the same moments in Türkiye local time. Ankara uses the Europe/Istanbul zone (same offset as İstanbul and the rest of the country).