Design System
Forms

File upload

A drop target and file list for attaching documents such as receipts, referral letters and claim evidence.

Not documented yet

This component ships in the design system and is fully supported. What is missing is the guidance around it: when to reach for it, the do and don't, and the accessibility notes. Until that is written, Storybook is the reference for variants, props and live controls.

Props

PropTypeDefaultDescription
onFilesSelected((files: File[]) => void) | undefinedCalled with the chosen files (from browse or drop).
errorstring | undefinedError message rendered under the drop target (Figma "Error" state).
hintstring | undefinedHelper line, e.g. accepted formats and size limit.
classNamestring | undefined

On this page