Search
Collaborate with us
Edit this page on GitHub
You can use the Search UI Pattern to provide users with a search field.
How to use the Search UI Pattern
-
In Service Studio, in the Toolbox, search for
Search
.The Search widget is displayed.
-
From the Toolbox, drag the Search widget into the Main Content area of your application's screen.
By default, the Search widget contains Icon, Input, and Actions placeholders.
-
Create a local variable by right-clicking on your screen name and selecting Add Local Variable.
-
Enter a name for the variable. In this example, we enter
SearchText
.
After following these steps and publishing the module, you can test the pattern in your app.
Properties
Properties | Description |
---|---|
ExtendedClass (Text): Optional | Add custom style classes to the Search UI Pattern. You define your custom style classes in your application using CSS. Examples
|