3.0.1 • Published 7 years ago

@polymer/paper-button v3.0.1

Weekly downloads
11,276
License
BSD-3-Clause
Repository
github
Last release
7 years ago

Published on NPM Build status Published on webcomponents.org

<paper-button>

Material design: Buttons

paper-button is a button. When the user touches the button, a ripple effect emanates from the point of contact. It may be flat or raised. A raised button is styled with a shadow.

See: Documentation, Demo.

Usage

Installation

npm install --save @polymer/paper-button

In an html file

<html>
  <head>
    <script type="module">
      import '@polymer/paper-button/paper-button.js';
    </script>
  </head>
  <body>
    <paper-button class="pink">link</paper-button>
    <paper-button raised class="indigo">raised</paper-button>
    <paper-button toggles raised class="green">toggles</paper-button>
    <paper-button disabled class="disabled">disabled</paper-button>
  </body>
</html>

In a Polymer 3 element

import {PolymerElement, html} from '@polymer/polymer';
import '@polymer/paper-button/paper-button.js';

class SampleElement extends PolymerElement {
  static get template() {
    return html`
      <paper-button class="pink">link</paper-button>
      <paper-button raised class="indigo">raised</paper-button>
      <paper-button toggles raised class="green">toggles</paper-button>
      <paper-button disabled class="disabled">disabled</paper-button>
    `;
  }
}
customElements.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

git clone https://github.com/PolymerElements/paper-button
cd paper-button
npm install
npm install -g polymer-cli

Running the demo locally

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

Running the tests

polymer test --npm
fundwave-fund-managementzagenzagen-production@xgd/xgd-home-hero@navigateconsulting/eva-botf6c-image-sliderzagen-zagen@teipublisher/pb-components7executable_esm_aa_webcomponentsair_controlcontact-dialog2@phil-cd/frontendtest2paper-loginscreen@infinitebrahmanuniverse/nolb-_poltest-pkg-form-builder@everything-registry/sub-chunk-731tangy-custom-formtangy-formwise-shopping-cartwysiwyg-e-forkwysiwyg-e-nofontxgd-home-herovowo-submenu-dialogisu-elementisu-elementsisuwang-elementshsos-flexible-formhsos-login-formh2-elementsintervention-pageslit-paginationmammooc-rating-widget@wcfactory/ui@vowo/vowo-img-cropper@vowo/vowo-submenu-dialog@vowo/fluid-form-elements@things-factory/process-modeller@things-factory/scene-chartjs@things-shell/board-modeller@things-shell/real-modeller@ucd-lib/cork-cancel-button@ucd-lib/cork-search-box@unicef-polymer/etools-toasts@unicef-polymer/etools-upload@unicef-polymer/etools-date-time@unicef-polymer/etools-dialog@unicef-polymer/etools-file@unicef-polymer/etools-filters@telecomsante/pdf-viewer@things-scene/chartjs@things-real/shell@things-factory/modeller-ui@vic10us/wistia-video@uxland/uxl-interaction@uxland/uxl-login@uvalib/uvalib-search-box@xpertsea/sea-form@teipublisher/pb-componentsadd-measureallianz-charts@01ht/ht-elements-cart@01ht/ht-elements-cart-modal@01ht/ht-elements-item@01ht/ht-item-editor@01ht/ht-organization-editor@01ht/ht-account-settings@01ht/ht-storage@01ht/ht-toast@01ht/ht-toolbar-signin@01ht/ht-wysiwyg@advanced-rest-client/project-requests-list@advanced-rest-client/rest-api-menu@advanced-rest-client/tutorial-toast@advanced-rest-client/websocket-data-view@advanced-rest-client/websocket-history@advanced-rest-client/arc-data-settings-panel@edirect/app-datepicker@cowcerts/eds-render@cowcerts/certificate-render@haxtheweb/elmsln-apps@haxtheweb/lrn-assignment@hatiolab/things-shelltest-contact-dialog@biopolymer-elements/bio-mygene-search@casper2020/casper-button@casper2020/casper-common-ui@casper2020/casper-context-menu@casper2020/casper-login@casper2020/casper-wizardunity-core-beta@logo-elements/pagination@longlost/app-file-system@longlost/app-images@longlost/app-inputs@longlost/app-settings@longlost/app-shell@longlost/app-spinner@longlost/app-account@longlost/app-auth@longlost/app-camera@longlost/app-cart
3.0.1

7 years ago

3.0.0

7 years ago

3.0.0-pre.26

7 years ago

3.0.0-pre.25

7 years ago

3.0.0-pre.24

7 years ago

3.0.0-pre.23

7 years ago

3.0.0-pre.22

7 years ago

3.0.0-pre.21

7 years ago

3.0.0-pre.20

7 years ago

3.0.0-pre.19

7 years ago

3.0.0-pre.18

7 years ago

3.0.0-pre.17

7 years ago

3.0.0-pre.16

7 years ago

3.0.0-pre.15

7 years ago

3.0.0-pre.14

7 years ago

3.0.0-pre.13

7 years ago

3.0.0-pre.12

8 years ago

3.0.0-pre.11

8 years ago

3.0.0-pre.10

8 years ago

3.0.0-pre.8

8 years ago

3.0.0-pre.7

8 years ago

3.0.0-pre.6

8 years ago

3.0.0-pre.4

8 years ago

3.0.0-pre.3

8 years ago

3.0.0-pre.2

8 years ago

3.0.0-pre.1

8 years ago

1.0.14-pre.3

9 years ago

1.0.14-pre.2

9 years ago

1.0.14-pre.1

9 years ago

0.0.4

9 years ago

0.0.3

10 years ago

0.0.1

10 years ago