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

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`		`{}`	shapeobject Object	Final form meta object, pending adjustment/removal

@slice-and-dice/govuk-react-constants @slice-and-dice/govuk-react-error-text @slice-and-dice/govuk-react-hint-text @slice-and-dice/govuk-react-label @slice-and-dice/govuk-react-label-text

@everything-registry/sub-chunk-843 @zalastax/nolb-_sli @slice-and-dice/govuk-react

0.7.2

3 years ago

0.7.1

3 years ago