Persistent Layouts

An example of persisting layouts across page loads.

Local Storage

The Group component has an auto_save attr that can be used to instruct the hook to save the layout of the panes to local storage, which will be restored when the page is reloaded.

One
Two

Try resizing the panes and refreshing the page.

Anatomy

          
<LivePane.group id="demo" direction="horizontal" auto_save>
  <LivePane.pane group_id="demo" id="demo_pane_1">
    <!-- ... content here -->
  </LivePane.pane>

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

  <LivePane.pane group_id="demo" id="demo_pane_2">
    <!-- ... content here -->
  </LivePane.pane>
</LivePane.group>