ペイン

フレキシブルなスプリットパネルレイアウトコンテナ。

基本的な使い方

左ペイン

右ペイン

<div class="kit-pane-group">
  <div class="kit-pane">左ペイン</div>
  <div class="kit-pane">右ペイン</div>
</div>

縦分割

上ペイン

下ペイン

<div class="kit-pane-group -vertical">
  <div class="kit-pane">上ペイン</div>
  <div class="kit-pane">下ペイン</div>
</div>

固定サイズペイン

固定 200px

フレキシブル

<div class="kit-pane-group">
  <div class="kit-pane -fixed" style="width: 200px;">固定 200px</div>
  <div class="kit-pane">フレキシブル</div>
</div>