Contents

name: Form file upload
description: Help users select and upload a file
govuk_frontend_components:
  - file-upload
accessibility_criteria: |
  The component must:

  - accept focus
  - be focusable with a keyboard
  - be usable with a keyboard
  - be usable with touch
  - indicate when they have focus
  - be recognisable as input field elements
  - have correctly associated labels

  Labels use the [label component](/component-guide/label).
examples:
  default:
    data:
      label:
        text: "Upload a file"
      name: "file-upload"
  with_hint:
    data:
      label:
        text: "Upload a file"
      name: "file-upload-with-hint"
      hint: "Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto."
  with_error:
    data:
      label:
        text: "Upload a file"
      name: "file-upload-with-error"
      error_message: "Please upload a file"
  with_error_items:
    data:
      label:
        text: "Upload a file"
      name: "file-upload-with-error"
      error_items:
      - text: Descriptive link to the question with an error 1
        href: '#example-error-1'
  with_file_accept:
    data:
      label:
        text: "Upload an image"
      name: "file-upload-specific"
      accept: "image/*"

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
govuk_publishing_components-12.9.0	app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-12.8.0	app/views/govuk_publishing_components/components/docs/file_upload.yml