@blaze/atoms
Version:
Open Source UI Toolkit - Atoms
80 lines (79 loc) • 1.78 kB
JavaScript
import { h, Component, Prop } from '@stencil/core';
export class Tab {
render() {
const typeClass = this.type ? `c-tabs__tab--${this.type}` : '';
return (h("div", { role: "tabpanel", hidden: !this.open, class: `c-tabs__tab ${typeClass}` },
h("slot", null)));
}
static get is() { return "blaze-tab"; }
static get properties() { return {
"header": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"attribute": "header",
"reflect": false
},
"disabled": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"attribute": "disabled",
"reflect": false
},
"open": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"attribute": "open",
"reflect": false
},
"type": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"attribute": "type",
"reflect": false
}
}; }
}