FileUpload

src/components/form-controls.tsx

Import

import { FileUpload } from "@ossrandom/design-system";

Examples

Default

↗ Playground

<FileUpload />

Variants

↗ Playground

<Space size="sm">
  <FileUpload
    variant="drop-zone"
  />
  <FileUpload
    variant="button"
  />
  <FileUpload
    variant="picture-card"
  />
</Space>

States

↗ Playground

<Space size="sm">
  <FileUpload />
  <FileUpload
  disabled
  />
</Space>

API

extends BaseProps

Prop	Type
`accept`	`string`
`multiple`	`boolean`
`maxSize`	`number`
`maxFiles`	`number`
`disabled`	`boolean`
`variant`	`"drop-zone" \| "button" \| "picture-card"`
`onUpload`	`(files: readonly File[]) => void \| Promise<void>; readonly onError?: (error: { code: "size" \| "type" \| "count"; message: string }) => void;`