splitbox

Split your screen and create complex layouts with resizeable panes.

Usage no npm install needed!

<script type="module">
  import splitbox from 'https://cdn.skypack.dev/splitbox';
</script>

README

SplitBox

Split your screen and create complex layouts with resizeable panes.

Example layout:

<hbox>
    <div>
        Top content
    </div>
    <vbox>
        <div>
            bottom left content
        </div>
        <hbox>
            <div>bottom right - top section</div>
            <div>bottom right - bottom section</div>
        </hbox>
    </vbox>
</hbox>

Splitbox

<hbox> directive

<vbox> directive

Usage

  • css
  • js

Install