@stories-js/core
Version:
Stories web components to build stories
52 lines • 1.64 kB
JavaScript
/*!
* (C) StoriesJS https://storiesjs.org - GPL-2.0 License
*/
// eslint-disable-next-line @typescript-eslint/no-unused-vars
import { Component, Host, h, Prop } from '@stencil/core';
export class Buttons {
constructor() {
/**
* If true, buttons will disappear when its
* parent toolbar has fully collapsed if the toolbar
* is not the first toolbar. If the toolbar is the
* first toolbar, the buttons will be hidden and will
* only be shown once all toolbars have fully collapsed.
*/
this.collapse = false;
}
render() {
return (h(Host, { class: {
'buttons-collapse': this.collapse
} },
h("slot", null)));
}
static get is() { return "stories-buttons"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() { return {
"$": ["buttons.scss"]
}; }
static get styleUrls() { return {
"$": ["buttons.css"]
}; }
static get properties() { return {
"collapse": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "If true, buttons will disappear when its\nparent toolbar has fully collapsed if the toolbar\nis not the first toolbar. If the toolbar is the\nfirst toolbar, the buttons will be hidden and will\nonly be shown once all toolbars have fully collapsed."
},
"attribute": "collapse",
"reflect": false,
"defaultValue": "false"
}
}; }
}
//# sourceMappingURL=buttons.js.map