For detailed instructions, view our install section in this documentation. Make sure all of the dependencies and polyfills are loaded to make the component cross-browser compatible.
Follow these steps to successfully build out a search bar component. Start by adding a
To include a search options menu add a
<ul> element with a class of
search-options as a child of the
For each option you want to appear as search criteria, add an
To include additional filters add a
<ul> with a class of
For each filter option you want to appear, add an
All attributes in this API are optional.
|unset||Adds placeholder text to the input.|
|Determines whether the input will start as disabled until a search parameter is selected from the drop down.|
|unset||Adds error styling and warning message.|
|unset||This attribute can be set to trigger responsive behavior.|
pearson-search-bar component emits one event:
|Will fire when the search button is clicked.|