@bulmil/core
Version:
126 lines (125 loc) • 4.13 kB
JavaScript
/*!
* Bulmil - MIT License
*/
import { h, Host } from "@stencil/core";
export class Tabs {
constructor() {
this.size = undefined;
this.alignment = undefined;
this.tabStyle = undefined;
this.isRounded = false;
this.isFullwidth = false;
}
render() {
return (h(Host, { key: 'ec8d54a680d3613b8edf5cb39c89f7a6c1e22b8e' }, h("div", { key: 'a916a0e7427745bdfe73efcf17382490c19438ce', class: {
tabs: true,
[this.size]: Boolean(this.size),
[this.alignment]: Boolean(this.alignment),
[this.tabStyle]: Boolean(this.tabStyle),
'is-fullwidth': this.isFullwidth,
'is-toggle-rounded': this.isRounded && this.tabStyle === 'is-toggle',
} }, h("slot", { key: '2e3a97e9879b7fe6adc30991394ce22382ac19a6' }))));
}
static get is() { return "bm-tabs"; }
static get originalStyleUrls() {
return {
"$": ["tabs.scss"]
};
}
static get styleUrls() {
return {
"$": ["tabs.css"]
};
}
static get properties() {
return {
"size": {
"type": "string",
"mutable": false,
"complexType": {
"original": "'is-small' | 'is-medium' | 'is-large'",
"resolved": "\"is-large\" | \"is-medium\" | \"is-small\"",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Pagination size"
},
"attribute": "size",
"reflect": false
},
"alignment": {
"type": "string",
"mutable": false,
"complexType": {
"original": "'is-centered' | 'is-right'",
"resolved": "\"is-centered\" | \"is-right\"",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Alignment"
},
"attribute": "alignment",
"reflect": false
},
"tabStyle": {
"type": "string",
"mutable": false,
"complexType": {
"original": "'is-boxed' | 'is-toggle'",
"resolved": "\"is-boxed\" | \"is-toggle\"",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Style"
},
"attribute": "tab-style",
"reflect": false
},
"isRounded": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Rounded"
},
"attribute": "is-rounded",
"reflect": false,
"defaultValue": "false"
},
"isFullwidth": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Full width"
},
"attribute": "is-fullwidth",
"reflect": false,
"defaultValue": "false"
}
};
}
}