Search Input

Search Input allows users to perform in-page content searches

 

Stable
Show details
Stable
Published: January 08, 2025
Updated: January 09, 2025

The SearchInput is used to run and execute search queries within a given element (for example the Project Switcher).
Results can be returned via a list. The x-mark icon resets the search query.


Placeholder text can be customised to guide the user as to the type of searches they can perform or terms they can use.


Variants

Variants contain different versions of the component depending on specific properties, such as state, size, colour, optional iconography, etc.

SearchInput
Property Values Default
State Variant Default | Hover | Active | Disabled Default
SearchInput
SearchInput
State Disabled
SearchInput
SearchInput
State Default
SearchInput
SearchInput
State Hover
SearchInput
SearchInput
State Active

Component dependencies

This component is internally dependent on the following components:


Help and support