Upload Section
Framing for CSV and file uploads.
Basic
Upload CSV
Drop a CSV file to preview.
Drag a file here
With actions
Upload CSV
Choose a file or drag into the drop zone.
Drag a file here
With files
Upload CSV
Files appear beside the drop zone.
Drop another file
statements-2026-01.csv · 42 KB
Composition
title only
Statements
Drag a file here
with helper + actions + files
Upload CSV
Drop a CSV file to preview.
Drag a file here
No files yet
Developer
import { UploadSection } from "@financial-tracking/design-system"API reference
| Prop | Type | Default |
|---|---|---|
title | string | — |
helper | string | — |
actionsTrailing controls in the header. | ReactNode | — |
childrenDrop zone content. | ReactNode | — |
filesOptional file list beside the drop zone. | ReactNode | — |
className | string | — |