Components

Built-in components available for use in your form definitions. Add a component to a page by specifying its type in the components array.

Input fields

• Text Field — Single-line text input for collecting short answers.
• Multiline Text Field — Multi-line text area for collecting longer text answers.
• Date Parts Field — Three separate inputs (day, month, year) for collecting full dates.
• Month Year Field — Two inputs (month, year) for collecting partial dates.
• Number Field — Numeric input for collecting whole or decimal numbers.
• UK Address Field — Structured address input for collecting UK postal addresses.
• Telephone Number Field — Text input for collecting telephone numbers.
• Email Address Field — Text input validated as an email address.
• File Upload Field — File manager component that displays uploaded files from session state.
• Declaration Field — A checkbox the user must tick to confirm a declaration before proceeding.
• Easting Northing Field — Paired numeric inputs for collecting British National Grid easting and northing coordinates.
• OS Grid Ref Field — Text input for collecting an Ordnance Survey grid reference.
• National Grid Field Number Field — Numeric input for a single National Grid coordinate component.
• Lat Long Field — Paired decimal inputs for collecting WGS84 latitude and longitude coordinates.
• Hidden Field — A non-visible field that stores a fixed value in form state without user input.
• Payment Field — Redirects the user to GOV.UK Pay to collect a payment before proceeding.
• Geospatial Field — Composite location picker supporting multiple geospatial coordinate formats.

Selection fields

• Yes No Field — A pair of radio buttons offering a yes/no choice.
• Select Field — A dropdown select element for choosing one option from a named list.
• Autocomplete Field — Text input with autocomplete suggestions sourced from a named list.
• Radios Field — Radio buttons allowing the user to select one option from a named list.
• Checkboxes Field — Checkboxes allowing the user to select one or more options from a named list.

Content components

• HTML — Display static HTML content on a page without collecting user input.
• Inset Text — Display highlighted inset text using the GOV.UK inset text component.
• Details — Display content inside a collapsible disclosure element.
• List — Display a GOV.UK-styled list sourced from a named list definition.
• Markdown — Display content authored in Markdown, rendered to HTML at runtime.