OLD | NEW |
1 <!-- | 1 <!-- |
2 // Copyright 2014 The Chromium Authors. All rights reserved. | 2 // Copyright 2014 The Chromium Authors. All rights reserved. |
3 // Use of this source code is governed by a BSD-style license that can be | 3 // Use of this source code is governed by a BSD-style license that can be |
4 // found in the LICENSE file. | 4 // found in the LICENSE file. |
5 --> | 5 --> |
6 <import src="/sky/framework/sky-button/sky-button.sky" as="SkyButton" /> | 6 <import src="/sky/framework/sky-button.sky" as="SkyButton" /> |
7 | 7 |
8 <sky-element | 8 <sky-element |
9 name="sky-checkbox" | 9 name="sky-checkbox" |
10 attributes="checked:boolean" | 10 attributes="checked:boolean" |
11 on-click="handleClick"> | 11 on-click="handleClick"> |
12 <template> | 12 <template> |
13 <style> | 13 <style> |
14 :host { | 14 :host { |
15 display: flex; | 15 display: flex; |
16 justify-content: center; | 16 justify-content: center; |
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
64 } | 64 } |
65 highlightChanged(oldValue, newValue) { | 65 highlightChanged(oldValue, newValue) { |
66 this.containerStyle = newValue ? 'highlight' : ''; | 66 this.containerStyle = newValue ? 'highlight' : ''; |
67 } | 67 } |
68 handleClick() { | 68 handleClick() { |
69 this.checked = !this.checked; | 69 this.checked = !this.checked; |
70 } | 70 } |
71 }.register(); | 71 }.register(); |
72 </script> | 72 </script> |
73 </sky-element> | 73 </sky-element> |
OLD | NEW |