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



  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 specifications are available to inspect via Abstract. The following link will take you to their web-based interface.

Inspect component