Search Input

A Search Input is a text field designed specifically for searches.

Example of the search input component

Search Inputs come in two sizes; compact and spacious.

Examples of the size variations of the Search Input

Default, Hover, Selected, Disable, and Focus.

Example of the states of the Search Input

Default, Error, Success, and Read Only.

Example of the statuses available with the Search Input

Example usages could range from a site search to a database search term filter.

Example usage