Introduction Foundations Components Directives Pipes Motion Brand

Alerts & notifications

Buttons & actions

Cards

Forms

Checkbox card Checkbox Currency input Date input Date range calendar File select Input Label Location input Multi select Multiple location input Otp input Phone input Radio Search Segmented date input Select Slider Smart textarea Textarea Timepicker Toggle

Icons / images / media

Layouts

Navigation

Popups / overlays

Progress & loading indicators

Tags

Typography

Components Forms Search

Search

General purpose search with optional rich results rendered from item templates

Contents

Default
Background color
Borderless
Expandable
Round corners
With custom control
With custom left icon
With debounce time
With scrollable search results
No inputs set

You may also choose to take care of rendering the results yourself. For example, filtering a list based on the search query:

User Avatar

Zach H

I make you good website.

4.8
User Avatar

Stefano C

I will make your website sexy AF!

4.9

Test project, please ignore

Seriously, you are not funny for bidding on this

by ActualEmployer123

This story doesn't set any inputs.

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>()