Gathering detailed insights and metrics for @polymer/paper-dropdown-menu
Gathering detailed insights and metrics for @polymer/paper-dropdown-menu
Gathering detailed insights and metrics for @polymer/paper-dropdown-menu
Gathering detailed insights and metrics for @polymer/paper-dropdown-menu
npm install @polymer/paper-dropdown-menu
Module System
Unable to determine the module system for this package.
Min. Node Version
Typescript Support
Node Version
NPM Version
61 Stars
292 Commits
107 Forks
24 Watching
20 Branches
42 Contributors
Updated on 26 Sept 2022
JavaScript (66.01%)
HTML (33.99%)
Cumulative downloads
Total Downloads
Last day
18.8%
1,675
Compared to previous day
Last week
9.5%
10,409
Compared to previous week
Last month
-11.5%
43,025
Compared to previous month
Last year
-0.3%
577,716
Compared to previous year
11
paper-dropdown-menu
is similar to a native browser select element.
paper-dropdown-menu
works with selectable content.
See: Documentation, Demo.
npm install --save @polymer/paper-dropdown-menu
1<html> 2 <head> 3 <script type="module"> 4 import '@polymer/paper-dropdown-menu/paper-dropdown-menu.js'; 5 import '@polymer/paper-item/paper-item.js'; 6 import '@polymer/paper-listbox/paper-listbox.js'; 7 </script> 8 </head> 9 <body> 10 <paper-dropdown-menu label="Dinosaurs"> 11 <paper-listbox slot="dropdown-content" selected="1"> 12 <paper-item>allosaurus</paper-item> 13 <paper-item>brontosaurus</paper-item> 14 <paper-item>carcharodontosaurus</paper-item> 15 <paper-item>diplodocus</paper-item> 16 </paper-listbox> 17 </paper-dropdown-menu> 18 </body> 19</html>
1import {PolymerElement, html} from '@polymer/polymer'; 2import '@polymer/paper-dropdown-menu/paper-dropdown-menu.js'; 3import '@polymer/paper-item/paper-item.js'; 4import '@polymer/paper-listbox/paper-listbox.js'; 5 6class SampleElement extends PolymerElement { 7 static get template() { 8 return html` 9 <paper-dropdown-menu label="Dinosaurs"> 10 <paper-listbox slot="dropdown-content" selected="1"> 11 <paper-item>allosaurus</paper-item> 12 <paper-item>brontosaurus</paper-item> 13 <paper-item>carcharodontosaurus</paper-item> 14 <paper-item>diplodocus</paper-item> 15 </paper-listbox> 16 </paper-dropdown-menu> 17 `; 18 } 19} 20customElements.define('sample-element', SampleElement);
If you want to send a PR to this element, here are the instructions for running the tests and demo locally:
1git clone https://github.com/PolymerElements/paper-dropdown-menu 2cd paper-dropdown-menu 3npm install 4npm install -g polymer-cli
1polymer serve --npm 2open http://127.0.0.1:<port>/demo/
1polymer test --npm
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
no dangerous workflow patterns detected
Reason
Found 9/11 approved changesets -- score normalized to 8
Reason
dependency not pinned by hash detected -- score normalized to 2
Details
Reason
detected GitHub workflow tokens with excessive permissions
Details
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
project is not fuzzed
Details
Reason
license file not detected
Details
Reason
security policy file not detected
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
29 existing vulnerabilities detected
Details
Score
Last Scanned on 2024-11-25
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More