Search

General purpose search with optional rich results rendered from item templates

Contents

No inputs set
Inputs in With custom control
clearButton ?: boolean = true
control ?: FormControl<string>
displayResults ?: boolean = true
displayResultsWithEmptyInput ?: boolean = false

Show options when the user has not entered anything

dynamicValidation ?: boolean = false
roundCorners ?: boolean = true
scrollableSearchResults ?: boolean = false

Limits search results' container height and makes it scrollable.

shakeOnBlur ?: boolean = true
showIcon ?: boolean = true
Also set in this example
itemTemplates ?: { [type: string]: TemplateRef<any>; } = {}
placeholder ?: any = $localize`Search`
searchResults ?: readonly SearchItem[] = []
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>()