Pane

Flexible split-panel layout container.

Basic usage

Left pane

Right pane

<div class="kit-pane-group">
  <div class="kit-pane">Left pane</div>
  <div class="kit-pane">Right pane</div>
</div>

Vertical split

Top pane

Bottom pane

<div class="kit-pane-group -vertical">
  <div class="kit-pane">Top pane</div>
  <div class="kit-pane">Bottom pane</div>
</div>

Fixed-size pane

Fixed 200px

Flexible

<div class="kit-pane-group">
  <div class="kit-pane -fixed" style="width: 200px;">Fixed 200px</div>
  <div class="kit-pane">Flexible</div>
</div>