| OLD | NEW |
| 1 SkyElement | 1 SkyElement |
| 2 === | 2 === |
| 3 | 3 |
| 4 SkyElement is the framework for creating...yup...Sky Elements. It take heavy | 4 SkyElement is the framework for creating...yup...Sky Elements. It take heavy |
| 5 inspriation from [Polymer](www.polymer-project.org) and isn't very fully | 5 inspriation from [Polymer](www.polymer-project.org) and isn't very fully |
| 6 featured...yet | 6 featured...yet |
| 7 | 7 |
| 8 Declaring an element | 8 Declaring an element |
| 9 -------- | 9 -------- |
| 10 ```HTML | 10 ```HTML |
| 11 <link rel="import" href="../path/to/sky-element.sky" as="SkyElement" /> | 11 <import src="../path/to/sky-element.sky" as="SkyElement" /> |
| 12 <template> | 12 <template> |
| 13 <my-other-element>Hello, {{ place }}</my-other-element> | 13 <my-other-element>Hello, {{ place }}</my-other-element> |
| 14 </template> | 14 </template> |
| 15 <script> | 15 <script> |
| 16 // SkyElement takes a single object as it's only parameter | 16 // SkyElement takes a single object as it's only parameter |
| 17 SkyElement({ | 17 SkyElement({ |
| 18 name: 'my-element', // required. The element's tag-name | 18 name: 'my-element', // required. The element's tag-name |
| 19 attached: function() { | 19 attached: function() { |
| 20 this.place = 'World'; | 20 this.place = 'World'; |
| 21 }, // optional | 21 }, // optional |
| (...skipping 21 matching lines...) Expand all Loading... |
| 43 Also, because there are so few built-in elements in Sky, the default behavior | 43 Also, because there are so few built-in elements in Sky, the default behavior |
| 44 of HTMLElement with bindings is to assign to the property. e.g. | 44 of HTMLElement with bindings is to assign to the property. e.g. |
| 45 | 45 |
| 46 ```HTML | 46 ```HTML |
| 47 <my-foo bar="{{ bas }}"> | 47 <my-foo bar="{{ bas }}"> |
| 48 ``` | 48 ``` |
| 49 | 49 |
| 50 Will not `setAttribute` on the `my-foo`, instead it will assign to the `bar` | 50 Will not `setAttribute` on the `my-foo`, instead it will assign to the `bar` |
| 51 property of `my-foo`. There are two exceptions to this: `class` & `style` -- | 51 property of `my-foo`. There are two exceptions to this: `class` & `style` -- |
| 52 those still`setAttribute`. | 52 those still`setAttribute`. |
| OLD | NEW |