The search component is a simple way to filter complex datasets.

Structure

Elements

1. Container
2. Input text
3. Search icon
4. Clear icon

Search icon

The search icon is a set leading icon for search inputs that helps distinguish it from other input fields.

Clear icon

The clear icon allows users to clear a search input. It should appear once text has been entered into the input.

Style

Style specifications are available to inspect via Abstract. The following link will take you to their web-based interface.

Inspect component