ribcage-split-view

A responsive navigation controller for showing two related views

Usage no npm install needed!

<script type="module">
  import ribcageSplitView from 'https://cdn.skypack.dev/ribcage-split-view';
</script>

README

RibcageSplitView

Usage

  var RibcageSplitView = require('ribcage-split-view')
    , Backbone = require('Backbone')
    , options = {
        split: 40
      , minWidth: 500
      , rootView: new Backbone.View()
      }
    , ribcageSplitView = new RibcageSplitView(options)
@import "ribcage-split-view";

Options

  • split - Integer from 0 to 100 defining the percentage of the screen the left pane should occupy
  • minWidth - The minimum width of the screen that should enable the split view

Tests

Tests are in prova.

Developing

Install ribcage

npm i -g ribcage
ribcage preview .

Open http://localhost:4000/default