Element: #962 Two panels (layout/resizable-panels) What it shows: A two-panel horizontal group (Files 25%, Editor 75%) in a bordered frame with a caption showing the live percentages. When to use: Split views where the user sizes a side panel: file trees, inspectors, mail readers. Spec: - ` (sizes = s)}>` - `` and `` - `` between them - Caption `Files {Math.round(sizes[0])}% · Editor {Math.round(sizes[1])}%` Tags: resizable-panels, splitter, separator, keyboard, layout, onlayout Needs: @codeatlasdev/ui@4.6.0 Components: ResizableHandle, ResizablePanel, ResizablePanels Live demo: https://ui.codeatlas.com.br/docs/layout/resizable-panels#two-panels

(sizes = s)}>

Files

Editor

Files {Math.round(sizes[0])}% · Editor {Math.round(sizes[1])}%. Focus the handle and use the arrow keys.