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
22 lines
435 B
Plaintext
22 lines
435 B
Plaintext
<import src="../../framework/sky-element/sky-element.sky" as="SkyElement" />
|
|
|
|
<sky-element name="app-menu-button">
|
|
<template>
|
|
<style>
|
|
:host {
|
|
display: flex;
|
|
border-radius: 4px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
</style>
|
|
<content></content>
|
|
</template>
|
|
<script>
|
|
module.exports = class extends SkyElement {
|
|
}.register();
|
|
</script>
|
|
</sky-element>
|