https://github.com/ben-ng/ribcage-split-view

A responsive navigation controller for showing two related views
https://github.com/ben-ng/ribcage-split-view

Last synced: 21 days ago
JSON representation

A responsive navigation controller for showing two related views

• Host: GitHub
• URL: https://github.com/ben-ng/ribcage-split-view
• Owner: ben-ng
• Created: 2014-07-11T18:53:18.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2014-07-14T16:37:06.000Z (over 10 years ago)
• Last Synced: 2024-08-08T23:12:31.288Z (3 months ago)
• Language: JavaScript
• Size: 121 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# RibcageSplitView

## Usage

```js

  var RibcageSplitView = require('ribcage-split-view')

    , Backbone = require('Backbone')

    , options = {

        split: 40

      , minWidth: 500

      , rootView: new Backbone.View()

      }

    , ribcageSplitView = new RibcageSplitView(options)

```

```css

@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](https://github.com/azer/prova).

## Developing

Install [ribcage](https://github.com/Techwraith/ribcage)

```sh

npm i -g ribcage

ribcage preview .

```

Open [http://localhost:4000/default](http://localhost:4000/default)