Search

Easily create a nicely looking search.

Usage

The Search component consists of the search field itself and a close button.

Class Description
.search Add this class to a <form> element to define the Search component.
.search-field Add this class to an <input> element to create the search field.
.search-close Add this class to a <button> element to create a close button, resetting the search input.

To enable the necessary JavaScript for the search, just add the data-search attribute.