Sha256: 8e65b84c8623f853f4a8401e908c4b575d2a997ddee47dccd209b6d0a70ffdca

Contents?: true

Size: 1.02 KB

Versions: 25

Compression:

Stored size: 1.02 KB

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_file_accept:
    data:
      label:
        text: "Upload an image"
      name: "file-upload-specific"
      accept: "image/*"

Version data entries

25 entries across 25 versions & 1 rubygems

Version Path
govuk_publishing_components-12.7.1 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-12.7.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-12.6.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-12.5.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-12.4.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-12.3.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-12.2.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-12.1.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-12.0.1 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-12.0.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-11.2.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-11.1.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-11.0.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-10.2.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-10.1.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-10.0.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-9.28.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-9.27.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-9.26.1 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-9.26.0 app/views/govuk_publishing_components/components/docs/file_upload.yml