This code component provides a wrapper around the Fluent UI SearchBox control for use in canvas & custom pages.
| Canvas apps | Custom pages | Model-driven apps | Portals |
|---|---|---|---|
| ✅ | ✅ | ⬜ | ⬜ |
-
Search Text - Use this property to get or set value for the control.
-
Icon Name - Name of the Fluent UI icon (see Fluent UI Icons).
-
Underlined - Whether or not the SearchBox is underlined.
-
Disable Animation - Whether or not to animate the SearchBox icon on focus.
-
Placeholder Text - Placeholder for the search box.
-
Delay Output - To delay output by half a second. Useful when input is provided frequently within short duration.
-
Border color - To define specific color for searchbox border. This exludes onhover & onfocus border color.
- Theme - Accepts a JSON string that is generated using Fluent UI Theme Designer (windows.net). Leaving this blank will use the default theme defined by Power Apps. Leaving this blank will use the default theme defined by Power Apps. See theming for guidance on how to configure.
- AccessibilityLabel - Screen reader aria-label
On any dataset Items property (e.g., in a gallery or DetailsList controls), add the following Power Fx formula:
Search( Accounts, SearchBox_1.SearchText, "name" )