Search

General purpose search with optional rich results rendered from item templates

Contents

No inputs set

Set backgroundColor to default for the standard field fill, or inherit when the search bar should match a parent container. Switch between light and dark mode to see the difference.

Default

Inherit

Inputs in Background color
backgroundColor ?: InputBackgroundColor = 'default'
Also set in this example
placeholder ?: any = $localize`Search`
Outputs
clear ?: any = new EventEmitter<void>()
expandedChange ?: any = new EventEmitter<boolean>()

Exposes the expanded/collapsed status of the expandable search bar.

onBlur ?: any = new EventEmitter<void>()
onFocus ?: any = new EventEmitter<void>()
overlayClose ?: any = new EventEmitter<void>()
query ?: any = new EventEmitter<string>()
select ?: any = new EventEmitter<SearchItem>()
submit ?: any = new EventEmitter<void>()