Sha256: bfe92d72a4d45edb48ca5225c62ea6085efd494f4b1875685d83f9aeac9dde46

Contents?: true

Size: 1.33 KB

Versions: 509

Compression:

Stored size: 1.33 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_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'
      - text: Descriptive link to the question with an error 2
        href: '#example-error-2'
  with_file_accept:
    data:
      label:
        text: "Upload an image"
      name: "file-upload-specific"
      accept: "image/*"

Version data entries

509 entries across 509 versions & 1 rubygems

Version Path
govuk_publishing_components-36.0.3 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-36.0.2 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-36.0.1 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-36.0.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-35.23.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-35.22.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-35.21.4 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-35.21.3 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-35.21.2 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-35.21.1 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-35.21.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-35.20.1 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-35.20.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-35.19.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-35.18.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-35.17.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-35.16.1 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-35.16.0 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-35.15.5 app/views/govuk_publishing_components/components/docs/file_upload.yml
govuk_publishing_components-35.15.4 app/views/govuk_publishing_components/components/docs/file_upload.yml