Search Bar

Search Bar is an element group thats made up of an Input and a Button.

The search bar makes it simple to use the user-inputted value in interactions. The input value is stored as a string in the Event Payload. For an example, see Create a filter.

Properties

Click button to search: Users can always initiate a search by pressing the Enter key. With this toggle activated, they will also have the option to initiate the search by clicking the search button. If this toggle is deactivated, the button will be both disabled and hidden.

See Tooltip for tooltip configurations.

Supported Events

Search: Triggered when a user clicks the search button.

• The inputted value is stored as a string in the Event Payload. You’ll be able to access it using ${event.value}

Supported Actions

Set Data: Change element data. See Data Store.

Set Loading: Set loading animation. See Set loading animations.

Visit Interactions for more on events and actions.