Searchbox

A searchbox allows the user to type in a query that will lead to an output of results. The searchbox is a reuseable component and has been designed to be used in any part of the Digital Service Manual.

Example

Code example

<div>
  <form class="c-searchbox">
    <label for="example-searchbox" class="c-searchbox__text">Searchbox text</label>
    <input name="example-searchbox" type="search" placeholder="Site search" class="c-searchbox__field">
    <button type="submit" class="c-searchbox__submit" title="Search"></button>
  </form>
</div>