Search button component

The search button allows users to launch a query

When to use it?

The Search button is an ingredient of the Search & sort recipe and should only be used in this context.


The search button is a button with “Search” as a label.

Its width should be the same as the search field.


When there is no query, the search button should be disabled.

When there is a query, the search button shall be in the primary style.

When users click on the button, the list of result should be displayed/filtered based on the query.