Form input example

With custom width

How it looks (preview)

It’s on your National insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.

How to call this example

<%= render "govuk_publishing_components/components/input", {
  label: {
    text: "National insurance number"
  },
  hint: "It’s on your National insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.",
  name: "name",
  width: 10
} %>