1. Component Guide
  2. Form input
  3. With search icon
Form input example

With search icon

Adds a search icon, spellcheck can also be added to indicate that the element should be, if possible, checked for spelling errors.

How it looks (preview)

How to call this example

<%= render "govuk_publishing_components/components/input", {
  label: {
    text: "Search the internet"
  name: "search-box",
  type: "search",
  search_icon: true,
  spellcheck: true
} %>