Form input example

With prefix and suffix

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

How it looks (preview)

£per item

How to call this example

<%= render "govuk_publishing_components/components/input", {
  label: {
    text: "Cost per item, in pounds"
  },
  name: "cost-per-item",
  width: 10,
  prefix: "£",
  suffix: "per item"
} %>