phosphor-stackedpanel
A Phosphor layout panel where visible children are stacked atop one another.
Package Install
Prerequisites
npm install --save phosphor-stackedpanel
Source Build
Prerequisites
git clone https://github.com/phosphorjs/phosphor-stackedpanel.gitcd phosphor-stackedpanelnpm install
Rebuild
npm run cleannpm run build
Run Tests
Follow the source build instructions first.
# run tests in Firefox npm test # run tests in Chrome npm run test:chrome # run tests in IE npm run test:ie
Build Docs
Follow the source build instructions first.
npm run docs
Navigate to docs/index.html
.
Build Example
Follow the source build instructions first.
npm run build:example
Navigate to example/index.html
.
Supported Runtimes
The runtime versions which are currently known to work are listed below. Earlier versions may also work, but come with no guarantees.
- IE 11+
- Firefox 32+
- Chrome 38+
Bundle for the Browser
Follow the package install instructions first.
npm install --save-dev browserify browserify-cssbrowserify myapp.js -o mybundle.js
Usage Examples
Note: This module is fully compatible with Node/Babel/ES6/ES5. Simply omit the type declarations when using a language other than TypeScript.
; ; // Create some content for the panel.;;; // Setup the stacked panel.;panel.addChildw1;panel.addChildw2;panel.addChildw3; // Toggle the visible widgets as needed.w1.hide;w2.show;w3.hide;