The search input component can be used to let your users search through your website using string queries and it comes in multiple styles, variants, and sizes built with the utility classes from Tailwind CSS.
You will also find more advanced search components on this page including dropdown category selections, search buttons positioned inside the input field, voice search fields and more.
Setup # Search bar example # Search input with clearable #Use the simplest form of a search input component with an icon and a search button next to the text field.
Event # Accessing Search Element with elementRef # Search with dropdown #Use this search component with a dropdown to let your users select a category in which they would like the search query to be targeted in.
Location search #Use this example where you can select a country in which you want to search for an address or city.
Voice Search #Get started with this example if you would like to enable voice search for your website and users.
Example # Component data #The component has the following props, type, and default values. See types page for type information.
References #RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4