atomic-search-box

The atomic-search-box component creates a search box with built-in support for suggestions.

Properties

Property Attribute Description Type Default

numberOfQueries

number-of-queries

The amount of queries displayed when the user interacts with the search box. By default, a mix of query suggestions and recent queries will be shown. You can configure those settings using the following components as children: - atomic-search-box-query-suggestions - atomic-search-box-recent-queries

number

8

Shadow Parts

Part Description

active-suggestion

The currently active suggestion.

clear-button

The button to clear the search box of input.

input

The search box input.

loading

The search box loading animation.

submit-button

The search box submit button.

suggestion

A suggested query correction.

suggestions

A list of suggested query corrections.

Recommended Articles