forked from cory/tildefriends
29 lines
576 B
JavaScript
29 lines
576 B
JavaScript
import {LitElement, html, unsafeHTML} from './lit-all.min.js';
|
|
import {styles} from './tf-styles.js';
|
|
|
|
class TfTagElement extends LitElement {
|
|
static get properties() {
|
|
return {
|
|
tag: {type: String},
|
|
count: {type: Number},
|
|
};
|
|
}
|
|
|
|
static styles = styles;
|
|
|
|
constructor() {
|
|
super();
|
|
}
|
|
|
|
render() {
|
|
let number = this.count ? html` (${this.count})` : undefined;
|
|
return html`<a
|
|
href=${'#' + encodeURIComponent(this.tag)}
|
|
class="w3-tag w3-theme-d1 w3-round-4 w3-button"
|
|
>${this.tag}${number}</a
|
|
> `;
|
|
}
|
|
}
|
|
|
|
customElements.define('tf-tag', TfTagElement);
|