mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
5f6c32c247
The syntax for implementing a SkyElement is now:
<sky-element name="element-name">
<template>
<!-- template here -->
</template>
<script>
module.exports = class extends SkyElement {
attached() {
// ...
}
// .. methods here ..
}.register();
</script>
</sky-element>
The register() static method on SkyElement subclasses calls
document.registerElement() and returns the generated constructor.
It uses the parent <sky-element>'s name attribute to set the name
of the element.
R=rafaelw@chromium.org
Review URL: https://codereview.chromium.org/788943003
21 lines
440 B
Plaintext
21 lines
440 B
Plaintext
<import src="../../framework/sky-element/sky-element.sky" as="SkyElement" />
|
|
|
|
<sky-element name="app-header">
|
|
<template>
|
|
<style>
|
|
:host {
|
|
display: flex;
|
|
background: linear-gradient(#3E77B7, #6C98C4);
|
|
padding: 8px;
|
|
color: white;
|
|
border-bottom: 1px solid #3E77B7;
|
|
}
|
|
</style>
|
|
<content></content>
|
|
</template>
|
|
<script>
|
|
module.exports = class extends SkyElement {
|
|
}.register();
|
|
</script>
|
|
</sky-element>
|