Form input example

With suffix and error

To help users understand how the input should look like. Often used for units of measurement.

How it looks (preview)

Enter the approximate lead time in days, do not include words or symbols.

days

How to call this example

<%= render "govuk_publishing_components/components/input", {
  label: {
    text: "Lead times in days"
  },
  error_message: "Enter the approximate lead time in days, do not include words or symbols.",
  name: "lead-times",
  width: 10,
  suffix: "days"
} %>