• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1<!doctype html>
2<!--
3@license
4Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
5This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
6The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
7The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
8Code distributed by Google as part of the polymer project is also
9subject 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