finance
ImportDropzone
Example
Drop a statement, or browseCSV, OFX or QFX · up to 10MB
Import
import { ImportDropzone } from '@connor-adams/designsystem'Usage
The statement-import target for the import flow — drag-and-drop or click-to-browse a CSV/OFX file.
<ImportDropzone onFile={(f) => parseStatement(f)} />
Accepts via the accept prop (default .csv,.ofx,.qfx). Presentational — it surfaces the file and highlights on drag; you own the parse.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| accept | string | undefined | .csv,.ofx,.qfx | |
| onFile | ((file: File) => void) | undefined | — | |
| hint | ReactNode | CSV, OFX or QFX · up to 10MB |