radh-ui
Version:
Stencil Component Starter
61 lines (60 loc) • 1.68 kB
JavaScript
import { Component, h, Prop } from '@stencil/core';
export class Separator {
constructor() {
this.height = 'calc(var(--size, 8px) / 8)';
}
get style() {
return {
'background-color': this.color,
height: this.height
};
}
render() {
return h("div", { class: "separator", style: this.style });
}
static get is() { return "radh-separator"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() { return {
"$": ["radh-separator.css"]
}; }
static get styleUrls() { return {
"$": ["radh-separator.css"]
}; }
static get properties() { return {
"color": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"attribute": "color",
"reflect": false
},
"height": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"attribute": "height",
"reflect": false,
"defaultValue": "'calc(var(--size, 8px) / 8)'"
}
}; }
}