paper-random-term-card

Collaborne

by SlashBunny

HTML

<base href="https://raw-dot-custom-elements.appspot.com/Collaborne/paper-random-term-card/2.0.1/paper-random-term-card/">
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="paper-random-term-card.html">
<link rel="import" href="../paper-button/paper-button.html">
<dom-bind>
  <template>
    <paper-random-term-card id="random" selected="----" values="[[values]]"></paper-random-term-card>
    <br>
    <br>
    <paper-button raised on-tap="next">Next</paper-button>

    <script>
      var scope = document.querySelector('dom-bind');
      scope.next = function() {
        this.$.random.next();
      };
      scope.values = [
        "Value 1",
        "Value 2",
        "Value 3",
        "Value 4"
      ];

    </script>
  </template>
</dom-bind>

CSS

#random {
  --paper-random-term-card: {
    width: 300px;
    text-align: center;
  }
  ;
}