mirror of
https://github.com/flutter/flutter.git
synced 2026-02-20 02:29:02 +08:00
b3400475d5
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
20 lines
393 B
Plaintext
20 lines
393 B
Plaintext
<import src="../../framework/sky-element/sky-element.sky" as="SkyElement" />
|
|
|
|
<sky-element name="app-panel-header">
|
|
<template>
|
|
<style>
|
|
:host {
|
|
background-color: #DEDEDE;
|
|
padding: 8px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
</style>
|
|
<content></content>
|
|
</template>
|
|
<script>
|
|
module.exports = class extends SkyElement {
|
|
}.register();
|
|
</script>
|
|
</sky-element>
|