Give me a page divided in two and the divider is draggable, so the page section widths can be dynamic
I've created a draggable divider component that allows you to dynamically resize two sections of a page. Here's what I've built:
Features:
Two Implementation Options:
DraggableDivider: A self-contained component with built-in contentSplitView: A more flexible component that accepts custom content for both panelsExample Pages:
The component is fully responsive and maintains the correct proportions when the window is resized. You can customize the minimum widths for each panel and set the initial split position.
To use this in your project, you can add the component to your codebase by clicking the "Add to codebase" button in the Block view.