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 value via SearchBoxBind (typically an RwSignal<String>).
  • Set placeholder on SearchBoxAppearance to hint the query format.
  • Wrap in Field when the search needs a visible label or validation.
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.