Home | History | Annotate | Download | only in demo
      1 <!doctype html>
      2 <!--
      3 @license
      4 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
      5 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
      6 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
      7 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
      8 Code distributed by Google as part of the polymer project is also
      9 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
     10 -->
     11 
     12 <html>
     13 <head>
     14 
     15   <meta charset="utf-8">
     16   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     17   <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
     18 
     19   <title>paper-behaviors demo</title>
     20 
     21   <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
     22 
     23   <link href="paper-button.html" rel="import">
     24   <link href="paper-radio-button.html" rel="import">
     25 
     26   <style>
     27 
     28     body {
     29       font-family: sans-serif;
     30       padding: 24px;
     31       margin: 0;
     32     }
     33 
     34   </style>
     35 
     36 </head>
     37 <body unresolved>
     38 
     39   <h3>Normal</h3>
     40 
     41   <paper-button tabindex="0">Hello World</paper-button>
     42 
     43   <h3>Toggles</h3>
     44 
     45   <paper-button toggles tabindex="0">Hello World</paper-button>
     46 
     47   <h3>Disabled</h3>
     48 
     49   <paper-button disabled tabindex="0">Hello World</paper-button>
     50 
     51   <h3>Radio button with focus state</h3>
     52 
     53   <paper-radio-button tabindex="0" title="Radio button with focus state"></paper-radio-button>
     54 
     55 
     56 </body>
     57 </html>
     58