@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: '7fa721186ab4ecfa61cd03db24abcf2e72c3c1f2' }, h("div", { key: '694af29565fd11fe930dfcc7da57e4cac1548d47', class: "state-indicator" }, this.color && h("div", { key: '89bd5b8d6aaf6181205a5de21c3bedd627f18ccf', class: "color", style: { background: this.color } }), h("div", { key: '94e71cf7b18a4272038ce9ad2b3f0c3482051602', 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
}
};
}
}