@ionic/core
Version:
Base components for Ionic
68 lines (67 loc) • 2.65 kB
JavaScript
/*!
* (C) Ionic http://ionicframework.com - MIT License
*/
import { Host, h } from "@stencil/core";
import { getIonMode } from "../../global/ionic-global";
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.
*
* Only applies in `ios` mode with `collapse` set to
* `true` on `ion-header`.
*
* Typically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)
*/
this.collapse = false;
}
render() {
const mode = getIonMode(this);
return (h(Host, { key: '58c1fc5eb867d0731c63549b1ccb3ec3bbbe6e1b', class: {
[]: true,
['buttons-collapse']: this.collapse,
} }, h("slot", { key: '0c8f95b9840c8fa0c4e50be84c5159620a3eb5c8' })));
}
static get is() { return "ion-buttons"; }
static get encapsulation() { return "scoped"; }
static get originalStyleUrls() {
return {
"ios": ["buttons.ios.scss"],
"md": ["buttons.md.scss"]
};
}
static get styleUrls() {
return {
"ios": ["buttons.ios.css"],
"md": ["buttons.md.css"]
};
}
static get properties() {
return {
"collapse": {
"type": "boolean",
"attribute": "collapse",
"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.\n\nOnly applies in `ios` mode with `collapse` set to\n`true` on `ion-header`.\n\nTypically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)"
},
"getter": false,
"setter": false,
"reflect": false,
"defaultValue": "false"
}
};
}
}