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)

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"
} %>