View on GitHub

bg-splitter

Simple pane splitter for angular.js

Download this project as a .zip file Download this project as a tar.gz file

Angular pane splitter

Simple pane splitter for angular.js

Example

Pane 1

Pane 2

Pane 3

HTML:

<bg-splitter orientation="horizontal">
    <bg-pane min-size="100">Pane 1</bg-pane>
    <bg-pane min-size="150">
      <bg-splitter orientation="vertical">
        <bg-pane min-size="50">Pane 2</bg-pane>
        <bg-pane min-size="50">Pane 3</bg-pane>
      </bg-splitter>
    </bg-pane>
</bg-splitter>

Javascript:

var app = angular.module('myApp', ['bgDirectives']);