SearchBar
Toolbar-pattern search row — SearchInput with optional filter slot and result-count badge
Interactive-mode
Examples
Basic search bar
42 results
Search bar with filter chips
Status
Type
42 resultsAPI
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| SearchBar | A toolbar-pattern search row. Composes SearchInput + SearchInputField for the query box, accepts a Filters slot for filter chips, and shows an optional result count at the trailing end. |
SearchBar
A toolbar-pattern search row. Composes SearchInput + SearchInputField for the query box, accepts a Filters slot for filter chips, and shows an optional result count at the trailing end.
| Property | Type | Required | Description |
|---|---|---|---|
| Query | string? | Current search query. Two-way bindable via QueryChanged. | |
| QueryChanged | EventCallback<string?> | Fires when the query changes (debounced 300 ms). Part of the Query two-way binding pair. | |
| ResultCount | int? | When set, renders a trailing "N result(s)" label. Omit to hide. | |
| Filters | RenderFragment? | Optional slot for filter chips, dropdowns, or badge elements rendered between the search box and the result count. |