Installations

npm install @polymer/paper-icon-button

Pull Requests

Open

7

Total

84

Closed

14

Merged

63

Issues

Open

19

Total

79

Closed

60

Releases

24

v2.2.1

Published on 16 Jan 2019

v2.2.0

Published on 09 Mar 2018

v2.1.0

Published on 01 Feb 2018

v2.0.1

Published on 28 Aug 2017

v2.0.0

Published on 15 May 2017

v1.1.6

Published on 26 Apr 2017

View all 24 releases

Developer

PolymerElements

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

No

Node Version

11.6.0

NPM Version

6.5.0 Statistics

42 Stars

281 Commits

44 Forks

15 Watching

18 Branches

42 Contributors

Updated on 10 Jan 2024

Languages

JavaScript (60.22%)

HTML (39.78%)

Total Downloads

Cumulative downloads

Total Downloads

3,437,013

Last day

17.9%

2,697

Compared to previous day

Last week

12.2%

15,001

Compared to previous week

Last month

20.1%

61,073

Compared to previous month

Last year

-1.9%

638,012

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

4

@polymer/polymer @polymer/iron-icon @polymer/paper-styles @polymer/paper-behaviors

Dev Dependencies

6

webmat wct-browser-legacy @polymer/iron-icons @polymer/iron-demo-helpers @webcomponents/webcomponentsjs @polymer/gen-typescript-declarations

Versions

<paper-icon-button>

paper-icon-button is a button with an image placed at the center. When the user touches the button, a ripple effect emanates from the center of the button.

paper-icon-button does not include a default icon set. To use icons from the default set, include @polymer/iron-icons/iron-icons.js, and use the icon attribute to specify which icon from the icon set to use.

See: Documentation, Demo.

Usage

Installation

npm install --save @polymer/paper-icon-button

In an html file

1<html>
2  <head>
3    <script type="module">
4      import '@polymer/paper-icon-button/paper-icon-button.js';
5      import '@polymer/iron-icons/iron-icons.js';
6    </script>
7  </head>
8  <body>
9    <paper-icon-button icon="favorite"></paper-icon-button>
10  </body>
11</html>

In a Polymer 3 element

1import {PolymerElement, html} from '@polymer/polymer';
2import '@polymer/paper-icon-button/paper-icon-button.js';
3import '@polymer/iron-icons/iron-icons.js';
4
5class SampleElement extends PolymerElement {
6  static get template() {
7    return html`
8      <paper-icon-button icon="favorite"></paper-icon-button>
9    `;
10  }
11}
12customElements.define('sample-element', SampleElement);

Contributing

If you want to send a PR to this element, here are the instructions for running the tests and demo locally:

Installation

1git clone https://github.com/PolymerElements/paper-icon-button
2cd paper-icon-button
3npm install
4npm install -g polymer-cli

Running the demo locally

1polymer serve --npm
2open http://127.0.0.1:<port>/demo/

Running the tests

1polymer test --npm

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

1

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

License

Determines if the project has defined a license.

0

Security-Policy

Determines if the project has published a security policy.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.6

/10

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