@kelvininc/ui-components
Version:
Kelvin UI Components
80 lines (79 loc) • 2.86 kB
JavaScript
import { Host, h } from "@stencil/core";
export class KvTagLetter {
render() {
return (h(Host, { key: '7b5912af6c3d01bb28003ae49971175ed4e229a0' }, h("div", { key: '1ebdc79fd2e3715939631fae85945da98c83e618', class: "tag-letter-container", style: { borderColor: this.color } }, h("div", { key: 'fef0e10fd8a1fc36bfebec57c29199a71bdccf79', class: "letter-avatar", style: { backgroundColor: this.color } }, h("div", { key: '81912895ba5361bc050c99b984003c70cec8882a', class: "avatar" }, this.tagLetter)), h("div", { key: '4bde95afe9f06f32f1fe0fbd72ae92d26199d607', class: "label" }, this.label))));
}
static get is() { return "kv-tag-letter"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"$": ["tag-letter.scss"]
};
}
static get styleUrls() {
return {
"$": ["tag-letter.css"]
};
}
static get properties() {
return {
"color": {
"type": "string",
"attribute": "color",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "(optional) Tag letter's color"
},
"getter": false,
"setter": false,
"reflect": true
},
"label": {
"type": "string",
"attribute": "label",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": true,
"optional": false,
"docs": {
"tags": [],
"text": "(required) Tag letter's label"
},
"getter": false,
"setter": false,
"reflect": true
},
"tagLetter": {
"type": "string",
"attribute": "tag-letter",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "(optional) Tag letter's letter"
},
"getter": false,
"setter": false,
"reflect": true
}
};
}
}