← Back

SplitPane

[intermediate]

Resizable split pane with direction toggle, proportionally sized via {:pct, n}

SplitPane Demo

Resizable split pane with direction toggle, proportionally sized via {:pct, n}

For the full interactive experience:

$ mix raxol.playground

Code

size_key = if model.direction == :horizontal, do: :width, else: :height

left_pane =
  box style: %{size_key => {:pct, pct}, border: :single, padding: 1} do
    column style: %{gap: 0} do
      [
        text("Left Pane#{left_indicator}", style: left_style),
        text("Ratio: #{pct}%")
      ]
    end
  end

demo j/k prev/next / focus demo esc back 21/42 demos