Search Box
SearchBox is a search-styled Input preset — magnifier prefix, native search type, and the same bind/appearance grouping as Input.
Use it for toolbar filters and list queries; debounce expensive lookups in your app code. For custom icons or a clear button, compose Input with InputPrefix and InputSuffix instead. Also known as a search input in product copy.
- Toolbar and header search fields
- Filter boxes that query lists or tables
- Any single-line search where a leading magnifier icon is expected
- Bind
valueviaSearchBoxBind(typically anRwSignal<String>). - Set
placeholderonSearchBoxAppearanceto hint the query format. - Wrap in Field when the search needs a visible label or validation.
Default search box
Search icon prefix and native search input type.
Disabled
Non-editable search field while a query is in flight.
With Field
Labeled search in a filter form.
Custom placeholder
Distinct placeholder copy for scoped search (people, documents, etc.) without changing the SearchBox API.