Skip to content

BUElements/bu-button

Repository files navigation

Published on webcomponents.org

bu-button

bu-button is a button. It has some types such as submit, google and facebook.

<bu-button submit type="button" name="login" text="login"></bu-button>
<bu-button google type="button" text="Google Login"></bu-button>
<bu-button facebook type="button" text="Facebook Login"></bu-button>

Installation

npm install --save bu-button

Usage

In an html file

<html>
  <head>
    <script type="module">
      import './bu-button.js';
    </script>
  </head>
  <body>
    <bu-button submit type="button" name="login" text="login"></bu-button>
    <bu-button google type="button" text="Google Login"></bu-button>
    <bu-button facebook type="button" text="Facebook Login"></bu-button>
  </body>
</html>

In a Polymer 3 element

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

class SampleElement extends PolymerElement {
  static get template() {
    return html`
      <bu-button submit type="button" name="login" text="login"></bu-button>
      <bu-button google type="button" text="Google Login"></bu-button>
      <bu-button facebook type="button" text="Facebook Login"></bu-button>
    `;
  }
}
customElements.define('sample-element', SampleElement);

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Packages

No packages published