Add search input component to form alignment examples

Author: colinrotherham

packages/nhsuk-frontend-review/src/examples/form-alignment.njk

@@ -30,6 +30,46 @@
   <div class="nhsuk-grid-row">
     <div class="nhsuk-grid-column-full">
 
+      <form method="post" novalidate>
+        {% call fieldset({
+          legend: {
+            text: "Search input",
+            size: "m"
+          }
+        }) %}
+          {{ searchInput({
+            label: {
+              text: "Search patients by NHS number",
+              classes: "nhsuk-u-visually-hidden"
+            },
+            placeholder: "NHS number",
+            name: "example-search-1",
+            id: "example-search-1",
+            classes: "nhsuk-u-width-full",
+            formGroup: {
+              classes: "nhsuk-u-width-one-half"
+            }
+          }) }}
+
+          {{ searchInput({
+            label: {
+              text: "Search patients by NHS number",
+              classes: "nhsuk-u-visually-hidden"
+            },
+            placeholder: "NHS number",
+            name: "example-search-2",
+            id: "example-search-2",
+            classes: "nhsuk-u-width-full",
+            formGroup: {
+              classes: "nhsuk-u-width-one-half"
+            },
+            button: {
+              text: "Search"
+            }
+          }) }}
+        {% endcall %}
+      </form>
+
       <form method="post" novalidate>
         {% call fieldset({
           legend: {