@kelvininc/ui-components
Version:
Kelvin UI Components
64 lines (63 loc) • 2.39 kB
JavaScript
import { h, Host } from "@stencil/core";
import { isValidLabel } from "../../utils/string.helper";
export class KvFormLabel {
render() {
return (h(Host, { key: '5e6266f1840de5eb1e1ec90d963d690ce9a465c3' }, h("div", { key: '239914614f97a770ab3bf285b5124324b9295df9', class: "form-field-container" }, isValidLabel(this.label) && (h("div", { key: '63a8dfd9500eac893251862ee4db8bb2598d88d9', class: "label-container" }, this.required && h("span", { key: '00c16d9d85f45e07f0bd4b0ba2a97e31dfb99fdd', class: "required" }, "*"), this.label && h("span", { key: '72e13e80ba2d64ac25c8fc2e5bf9341f9e5b4d71', class: "label" }, this.label))))));
}
static get is() { return "kv-form-label"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"night": ["form-label.night.scss"],
"light": ["form-label.light.scss"]
};
}
static get styleUrls() {
return {
"night": ["form-label.night.css"],
"light": ["form-label.light.css"]
};
}
static get properties() {
return {
"label": {
"type": "string",
"attribute": "label",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": true,
"optional": false,
"docs": {
"tags": [],
"text": "(required) Form field label"
},
"getter": false,
"setter": false,
"reflect": true
},
"required": {
"type": "boolean",
"attribute": "required",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": true,
"docs": {
"tags": [],
"text": "(optional) Form field required"
},
"getter": false,
"setter": false,
"reflect": true
}
};
}
}