Resizable With Scroll Area component design & features
This example uses the shadcn Resizable component alongside ScrollArea so each panel scrolls independently. A file list occupies the left panel and a preview area fills the right, with minSize constraints on both sides.
Split panes with independent scrolling suit file browsers, diff viewers, and CMS layouts where each column holds long content that should not force the whole page to scroll.