Nucleic Photon Magnetizer

    phosphor-stackedpanel
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.0-rc.0 • Public • Published

    phosphor-stackedpanel

    Build Status Coverage Status

    A Phosphor layout panel where visible children are stacked atop one another.

    API Docs

    Package Install

    Prerequisites

    npm install --save phosphor-stackedpanel

    Source Build

    Prerequisites

    git clone https://github.com/phosphorjs/phosphor-stackedpanel.git
    cd phosphor-stackedpanel
    npm install

    Rebuild

    npm run clean
    npm 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-css
    browserify 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.

    import {
      StackedPanel
    } from 'phosphor-stackedpanel';
     
    import {
      Widget
    } from 'phosphor-widget';
     
     
    // Create some content for the panel.
    let w1 = new Widget();
    let w2 = new Widget();
    let w3 = new Widget();
     
    // Setup the stacked panel.
    let panel = new StackedPanel();
    panel.addChild(w1);
    panel.addChild(w2);
    panel.addChild(w3);
     
    // Toggle the visible widgets as needed.
    w1.hide();
    w2.show();
    w3.hide();

    Install

    npm i phosphor-stackedpanel

    DownloadsWeekly Downloads

    41

    Version

    1.0.0-rc.0

    License

    BSD-3-Clause

    Last publish

    Collaborators

    • sccolbert