This package has been deprecated

Author message:

This package is no longer used by RAFB and is not maintained so may be insecure

@slice-and-dice/govuk-react-file-upload

FileUpload

Import

  import FileUpload from '@govuk-react/file-upload';

Usage

Simple

<FileUpload name="group0">Upload a document</FileUpload>

Input with hint text

<FileUpload
  name="group1"
  acceptedFormats=".jpg, .png"
  hint={['This can be in either JPG or PNG format']}
>
  Upload a photo
</FileUpload>

Input with hint text & error

const meta = {
  touched: true,
  error: 'Example',
};

<FileUpload
  name="group1"
  acceptedFormats=".jpg, .png"
  hint={['This can be in either JPG or PNG format']}
  meta={meta}
>
  Upload a photo
</FileUpload>

References:

• https://github.com/alphagov/govuk-frontend/tree/master/src/components/file-upload

Properties

Prop	Required	Default	Type	Description
acceptedFormats		undefined	string
children	true	``````	node
hint		undefined	string	Optional hint text
meta		{}	shape[object Object]	Final form meta object, pending adjustment/removal