Usage

Import

import { Upload } from '@passfort/castle'
content_copy
Copy

Example

<Upload />
<Upload />
content_copy
Copy
live example

Multiple

<Upload multiple />
<Upload multiple />
content_copy
Copy
live example

Uploading

<Upload
  isUploading={true}
  initialValue={[
    {
      name: 'File.pdf',
      size: 949029,
    },
  ]}
/>
<Upload
  isUploading={true}
  initialValue={[
    {
      name: 'File.pdf',
      size: 949029,
    },
  ]}
/>
content_copy
Copy
live example

Uploaded

<Upload
  isUploaded={true}
  initialValue={[
    {
      name: 'File.pdf',
      size: 49029,
    },
    {
      name: 'File.docx',
      size: 19029,
    },
  ]}
/>
<Upload
  isUploaded={true}
  initialValue={[
    {
      name: 'File.pdf',
      size: 49029,
    },
    {
      name: 'File.docx',
      size: 19029,
    },
  ]}
/>
content_copy
Copy
live example

Event handlers

<Upload
  onChangeFiles={(files) => console.log('files', files)}
  isUploaded={true}
  initialValue={[
    {
      name: 'File.png',
      size: 49029,
    },
    {
      name: 'File.pdf',
      size: 394029,
    },
  ]}
/>
<Upload
  onChangeFiles={(files) => console.log('files', files)}
  isUploaded={true}
  initialValue={[
    {
      name: 'File.png',
      size: 49029,
    },
    {
      name: 'File.pdf',
      size: 394029,
    },
  ]}
/>
content_copy
Copy
live example