1 | /**
|
2 | @license
|
3 | Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
|
4 | This code may only be used under the BSD style license found at
|
5 | http://polymer.github.io/LICENSE.txt The complete set of authors may be found at
|
6 | http://polymer.github.io/AUTHORS.txt The complete set of contributors may be
|
7 | found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
|
8 | part of the polymer project is also subject to an additional IP rights grant
|
9 | found at http://polymer.github.io/PATENTS.txt
|
10 | */
|
11 | import '@polymer/polymer/polymer-legacy.js';
|
12 |
|
13 | import {Polymer} from '@polymer/polymer/lib/legacy/polymer-fn.js';
|
14 | import {html} from '@polymer/polymer/lib/utils/html-tag.js';
|
15 |
|
16 | Polymer({
|
17 | _template: html`
|
18 | <style>
|
19 | :host {
|
20 | display: inline-block;
|
21 | padding: 5px 10px;
|
22 | background: var(--button-background, white);
|
23 | line-height: 1.2;
|
24 | border: 2px solid var(--button-border, #ccc);
|
25 | border-radius: 3px;
|
26 | }
|
27 | </style>
|
28 | <div>[[value]]</div>
|
29 | `,
|
30 |
|
31 | is: 'simple-button',
|
32 |
|
33 | properties: {
|
34 | value: {
|
35 | type: String,
|
36 | },
|
37 | }
|
38 | });
|