Nomadic People Migration

    super-tiny-splitpane

    1.1.0 • Public • Published
    ╭─╮ ┬ ┬ ╭─╮ ╭─╮ ┬─╮   ╭┬╮ ┬ ╭╮╭ ╭─╮   ╭─╮ ╭─╮ ┬   ┬ ╭┬╮ ╭─╮ ╭─╮ ╭╮╭ ╭─╮  
    ╰─╮ │ │ ├─╯ ├┤  ├┬╯    │  │ │││ ├┤    ╰─╮ ├─╯ │   │  │  ├─╯ ├─┤ │││ ├┤   
    ╰─╯ ╰─╯ ┴   ╰─╯ ┴╰─    ┴  ┴ ╯╰╯ ╰─╯   ╰─╯ ┴   ┴─╯ ┴  ┴  ┴   ┴ ┴ ╯╰╯ ╰─╯  
    Under 2kb and without dependencies 
    

    Bare minimum implementation of a Splitpane UI with support for horizontal and vertical layouts.

    Live demo

    Getting Started

    1. Include splitpane.js in an html page,
    <script src="splitpane.js"></script>
    1. Add the following markup,
    <div class="splitpane">                 <!-- for vertical splitpane add  `vertical` -->
      <div style="width: 50%"></div>        <!-- class and set `height` of first child -->
      <div class="handle"></div>
      <div></div>
    </div> 
    1. Finally, include style rules,
    htmlbody { height: 100% }
    .splitpane {width: 100%; height: 100% }
    .handle {background-color: lightgrey; }
    .handle:hover {background-color: grey }

    More Examples

    Support

    Need help or have a question? post a questions at StackOverflow

    Please don't use the issue trackers for support/questions.

    Contribution

    More than happy to accept external contributions to the project in the form of feedback, bug reports and even better - pull requests :)

    License

    MIT license Copyright (c) Web Semantics, Inc.

    Install

    npm i super-tiny-splitpane

    DownloadsWeekly Downloads

    0

    Version

    1.1.0

    License

    MIT

    Last publish

    Collaborators

    • websemantics