Live Pane

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fuga quaerat eos, saepe doloribus facere fugiat! Magni consequatur a veniam quia. Exercitationem recusandae facilis cupiditate repellendus quaerat tenetur minima veniam quia! Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi totam voluptates eveniet vel ab velit quas repudiandae quae possimus ad, eligendi commodi perspiciatis nisi tempora vitae ratione non! Praesentium, aliquam? Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia fuga harum odit doloribus ea. Atque expedita repudiandae, provident suscipit dignissimos cupiditate itaque beatae debitis autem animi qui, quas aspernatur impedit!

Anatomy

          
<LivePane.group id="demo">
  <LivePane.pane group_id="demo" id="demo_pane_1">
    <div class="overflow-auto">
      <!-- ... content here -->
    </div>
  </LivePane.pane>

  <LivePane.resizer id="demo-resizer" group_id="demo">
    <!-- your handle here -->
  </LivePane.resizer>

  <LivePane.pane group_id="demo" id="demo_pane_2">
    <LivePane.group id="innerdemo" direction="vertical">
      <LivePane.pane group_id="innerdemo" id="innerdemo_pane_1"
        <div class="overflow-auto">
          <!-- ... content here -->
        </div>
      </LivePane.pane>

      <LivePane.resizer id="innerdemo-resizer" group_id="innerdemo">
        <!-- your handle here -->
      </LivePane.resizer>
      <LivePane.pane group_id="innerdemo" id="innerdemo_pane_2"
        <div class="overflow-auto">
          <!-- ... content here -->
        </div>
      </LivePane.pane>
    </LivePane.group>
  </LivePane.pane>
</LivePane.group>