Panel

The slide-out panel is only rendered when the :l_ui_panel_body content block is present. Click the panel button in the bottom-right corner to see it in action, or use ⌘i / Ctrl+i to toggle it.

Draggable button

The panel toggle button can be repositioned by dragging it with a mouse or touch. The position is saved to localStorage and restored across sessions.

You can also snap the button to corners with keyboard shortcuts: Ctrl/⌘ + Alt + 1 (top-left), Ctrl/⌘ + Alt + 2 (top-right), Ctrl/⌘ + Alt + 3 (bottom-left), Ctrl/⌘ + Alt + 4 (bottom-right).

A short tap (under 5px of movement) toggles the panel as normal. The panel itself can always be toggled with ⌘i / Ctrl+i.

For full control, override the partial by creating app/views/layouts/layered_ui/_panel.html.erb in your application.

<% content_for :l_ui_panel_heading do %>
  <h2>Side Bar</h2>
<% end %>

<% content_for :l_ui_panel_body do %>
  <p>This is the panel body content.</p>
<% end %>