mirror of
https://github.com/Polymer/polymer.git
synced 2025-02-25 18:55:30 -06:00
78 lines
1.4 KiB
HTML
78 lines
1.4 KiB
HTML
|
<!doctype html>
|
||
|
|
<!--
|
||
|
|
@license
|
||
|
|
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||
|
|
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||
|
|
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||
|
|
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||
|
|
Code distributed by Google as part of the polymer project is also
|
||
|
|
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||
|
|
-->
|
||
|
|
|
||
|
|
<style>
|
||
|
|
|
||
|
|
x-trivial {
|
||
|
|
display: block;
|
||
|
|
padding: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
|
||
|
|
var XTrivial = Polymer.Class({
|
||
|
|
|
||
|
|
is: 'x-trivial',
|
||
|
|
|
||
|
|
created: function() {
|
||
|
|
this.innerHTML = 'x-trivial';
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
document.registerElement('x-trivial', XTrivial);
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
|
||
|
|
var XTrivial2 = Polymer.Class({
|
||
|
|
|
||
|
|
is: 'x-trivial2',
|
||
|
|
|
||
|
|
created: function() {
|
||
|
|
this.innerHTML = 'x-trivial2';
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
document.registerElement('x-trivial2', XTrivial2);
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<style>
|
||
|
|
|
||
|
|
[is=x-extension] {
|
||
|
|
padding: 12px;
|
||
|
|
font-size: 1.2em;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
|
||
|
|
var XInput = Polymer.Class({
|
||
|
|
|
||
|
|
extends: 'input',
|
||
|
|
|
||
|
|
created: function() {
|
||
|
|
this.value = 'x-extension';
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
document.registerElement('x-extension', XInput);
|
||
|
|
|
||
|
|
</script>
|