@myuw-web-components/myuw-search
Advanced tools
A material search field made for use with MyUW web components
<myuw-search>Add the following import to your page's <head>:
<script type="module" src="https://unpkg.com/@myuw-web-components/myuw-search@^1?module"></script>
<script nomodule scr="https://unpkg.com/@myuw-web-components/myuw-search@^1"></script>
Important: For responsive features to work properly, ensure your application includes the viewport meta tag:
<meta name="viewport" content="width=device-width, initial-scale=1">
Use the component's HTML tag wherever you want:
<myuw-search
input-label="Search MyUW"
button-label="Submit search"
icon="search">
</myuw-search>
Create a callback function wherever you want in your code:
/*
Target the search component
- This example assumes you have given the component an ID value (e.g. <myuw-search id="search">)-
- The "value" parameter is the String value from the search input field
*/
document.getElementById('search').callback = (value) => {
/*
Perform search logic here. For example:
- Pass the search value as a parameter to your app's search page
*/
}
none.To run the demo app locally and test the component, run the following commands:
$ npm install
$ npm start
FAQs
A material search field made for use with MyUW web components
The npm package @myuw-web-components/myuw-search receives a total of 211 weekly downloads. As such, @myuw-web-components/myuw-search popularity was classified as not popular.
We found that @myuw-web-components/myuw-search demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 8 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Malicious npm package postcss-optimizer delivers BeaverTail malware, targeting developer systems; similarities to past campaigns suggest a North Korean connection.
Security News
CISA's KEV data is now on GitHub, offering easier access, API integration, commit history tracking, and automated updates for security teams and researchers.
Security News
Opengrep forks Semgrep to preserve open source SAST in response to controversial licensing changes.