@kelvininc/ui-components
Version:
Kelvin UI Components
61 lines (60 loc) • 2.11 kB
JavaScript
import { h, Host } from "@stencil/core";
export class KvStateIndicator {
render() {
return (h(Host, { key: 'a84d4e18ecf8605091329e89461cea33fd36c1a1' }, h("div", { key: '3482e9e5dae2321aed7f09d672e2f2f05069bed1', class: "state-indicator" }, this.color && h("div", { key: 'a04a4aa6bb8f4b4fd1d86703220c0d7475681969', class: "color", style: { background: this.color } }), h("div", { key: '653794833d49a3d41242d3c711f70477d65d03b9', class: "text" }, this.text))));
}
static get is() { return "kv-state-indicator"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"$": ["state-indicator.scss"]
};
}
static get styleUrls() {
return {
"$": ["state-indicator.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) State indicator color"
},
"getter": false,
"setter": false,
"reflect": true
},
"text": {
"type": "string",
"attribute": "text",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "(optional) State indicator text"
},
"getter": false,
"setter": false,
"reflect": true
}
};
}
}