OLD | NEW |
| (Empty) |
1 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> | |
2 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_button/cr_button
.html"> | |
3 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_checkbox/cr_chec
kbox.html"> | |
4 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_collapse/cr_coll
apse.html"> | |
5 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_expand_button/cr
_expand_button.html"> | |
6 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_input/cr_input.h
tml"> | |
7 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_network_icon/cr_
network_icon.html"> | |
8 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_onc/cr_onc_data.
html"> | |
9 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_toggle_button/cr
_toggle_button.html"> | |
10 | |
11 <dom-module id="cr-demo-element"> | |
12 <template> | |
13 <div> | |
14 <h3>cr-button</h3> | |
15 <cr-button>Button</cr-button> | |
16 <cr-button raised>Raised Button</cr-button> | |
17 </div> | |
18 <div> | |
19 <h3>cr-checkbox</h3> | |
20 <cr-checkbox checked="{{checkboxChecked}}">Checkbox</cr-checkbox> | |
21 <cr-checkbox checked="{{checkboxChecked}}"> | |
22 <span>{{label}}</span> | |
23 <span>{{subLabel}}</span> | |
24 </cr-checkbox> | |
25 </div> | |
26 <div> | |
27 <h3>cr-collapse</h3> | |
28 <cr-expand-button expanded="{{collapseOpened}}"></cr-expand-button> | |
29 <span>Toggle Collapse</span> | |
30 <cr-collapse opened="[[collapseOpened]]"> | |
31 <div> | |
32 <span>Collapsable section</span> | |
33 </div> | |
34 </cr-collapse> | |
35 </div> | |
36 <div> | |
37 <h3>cr-input</h3> | |
38 <cr-input label="Input" value="{{inputValue}}"></cr-input> | |
39 <span>Input.value=</span><span>{{inputValue}}</span> | |
40 </div> | |
41 <div> | |
42 <h3>cr-network-icon</h3> | |
43 <cr-network-icon network-type="WiFi"></cr-network-icon> | |
44 </div> | |
45 <div> | |
46 <h3>cr-toggle-button</h3> | |
47 <div> | |
48 <cr-toggle-button checked="{{toggleButtonChecked}}"></cr-toggle-button> | |
49 <span>Toggle Button</span> | |
50 </div> | |
51 <div> | |
52 <span>Bound Checkbox</span> | |
53 <cr-checkbox checked="{{toggleButtonChecked}}"></cr-checkbox> | |
54 </div> | |
55 </div> | |
56 </template> | |
57 <script src="demo_element.js"></script> | |
58 </dom-module> | |
OLD | NEW |