@bulmil/core
Version:
107 lines (106 loc) • 3.38 kB
JavaScript
/*!
* Bulmil - MIT License
*/
import { h, Host } from "@stencil/core";
export class Divider {
constructor() {
this.alignment = undefined;
this.color = undefined;
this.isLight = false;
this.isVertical = false;
}
render() {
return (h(Host, { key: 'd402be703e8c30fec35f62ef0812f2422e74fec9', class: {
divider: true,
'is-vertical': this.isVertical,
'is-light': this.isLight,
[this.color]: Boolean(this.color),
[this.alignment]: Boolean(this.alignment),
} }, h("slot", { key: '44ae7584455cb13d42fb807ee5d0c6e6d7b644ba' })));
}
static get is() { return "bm-divider"; }
static get originalStyleUrls() {
return {
"$": ["divider.scss"]
};
}
static get styleUrls() {
return {
"$": ["divider.css"]
};
}
static get properties() {
return {
"alignment": {
"type": "string",
"mutable": false,
"complexType": {
"original": "'is-left' | 'is-right'",
"resolved": "\"is-left\" | \"is-right\"",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "\nAlignment"
},
"attribute": "alignment",
"reflect": false
},
"color": {
"type": "string",
"mutable": false,
"complexType": {
"original": "'is-info' | 'is-success' | 'is-warning' | 'is-danger'",
"resolved": "\"is-danger\" | \"is-info\" | \"is-success\" | \"is-warning\"",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "\nColor"
},
"attribute": "color",
"reflect": false
},
"isLight": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "IsLight"
},
"attribute": "is-light",
"reflect": false,
"defaultValue": "false"
},
"isVertical": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "IsVertical"
},
"attribute": "is-vertical",
"reflect": false,
"defaultValue": "false"
}
};
}
}