...
Search enables users to find relevant content in a List or dataset by specifying a word, phrase, or query.
...
Types
Type | Description | Example |
---|---|---|
| ||
|
Usage & Behavior
...
Type | Description | In Live Search Mode | In Auto-Suggest Mode |
---|---|---|---|
Type-ahead | All results will start with the typed string. | ||
Contains | The search string may appear anywhere within a result |
Type-ahead should be the default approach. However, consider using the contains approach when:
The user is not familiar with the list terminology or the full name of the item.
The list includes complex items, such as agent names or combinations of numbers and strings.
An additional background color will be added to the bold string in these cases:
When the searched items are already presented in bold within the list of results.
Where there are other, non-searchable bold items within the set of results list, such as bold headers in a hierarchical list, that may cause confusion.
...
State | Empty | Filled-in |
---|---|---|
Regular | ||
Hover | ||
Active | ||
Disabled | ||
Error | N/A | N/A |
Focused | ||
Focused, Hover | ||
Focused, Active |
Interaction
See Live Search and Search with Auto-suggest.
...