New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →

@myuw-web-components/myuw-search

Package Overview

Dependencies

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

@myuw-web-components/myuw-search

A material search field made for use with MyUW web components

1.1.6
Source
npm

Version published: 6 years ago

Weekly downloads: 313; decreased by-34.38%

Maintainers: 6

Weekly downloads

Created: 6 years ago

Source

`<myuw-search>`

Getting Started

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>

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
    */
}

Configurable properties via attributes

inputLabel (input-label): Text to use in the aria-label and placeholder of the search field
buttonLabel (button-label): Text to use for the aria-label of the search button
icon (icon): Text name of the material icon to use for the submit button ("search" by default)

Development and contribution

To run the demo app locally and test the component, run the following commands:

$ npm install
$ npm start

FAQs

What is @myuw-web-components/myuw-search?

Is @myuw-web-components/myuw-search popular?

Is @myuw-web-components/myuw-search well maintained?

Package last updated on 27 Aug 2018

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.

Install

@myuw-web-components/myuw-search

Getting Started

Configurable properties via attributes

Development and contribution

Related posts

Linux Foundation Warns Open Source Developers: Compliance with Sanctions Is Not Optional

Maven Central Adds Sigstore Signature Validation