OLD | NEW |
1 <!-- | 1 <!-- |
2 // Copyright 2015 The Chromium Authors. All rights reserved. | 2 // Copyright 2015 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-element.sky" /> | 6 <import src="sky-element.sky" /> |
| 7 |
7 <sky-element> | 8 <sky-element> |
8 <template> | 9 <template> |
9 <style> | 10 <style> |
10 div { | 11 :host { |
11 height: 50px; | 12 margin: 8px 0; |
12 width: 50px; | 13 border-bottom: 1px solid rgba(0, 0, 0, 0.12); |
13 background-color: green; | |
14 } | 14 } |
15 </style> | 15 </style> |
16 <div>Hi</div> | |
17 </template> | 16 </template> |
18 <script> | 17 <script> |
19 @Tagname('example') | 18 import "dart:sky"; |
20 class ExampleElement extends SkyElement { | 19 |
| 20 @Tagname('sky-menu-divider') |
| 21 class SkyMenuDivider extends SkyElement { |
21 } | 22 } |
22 | 23 |
23 _init(script) => register(script, ExampleElement); | 24 _init(script) => register(script, SkyMenuDivider); |
24 </script> | 25 </script> |
25 </sky-element> | 26 </sky-element> |
OLD | NEW |