FileUpload

Drag-and-drop file upload with preview. Supports file type filtering and size limits.

Preview

Usage

import { FileUpload } from '@ramtt/ui'

<FileUpload
  accept=".fit,.gpx"
  onUpload={(file) => handleFile(file)}
  label="Activity file"
  description="Drop a FIT or GPX file"
/>

Props

PropTypeDefaultDescription
onUpload*(file: File) => voidUpload handler
acceptstringAccepted file types
labelstringLabel text
descriptionstringHelp text
maxSizenumber10485760Max file size in bytes (10MB)
disabledbooleanfalseDisable upload