
Mantine Split Pane v3 - Responsive Sizing, Container-Aware Panes, and a Leaner API
Introduction Version 3.0.0 of @gfazioli/mantine-split-pane brings the same responsive-first philosophy you already enjoy with orientation to every size-related prop on panes and resizers. You can now pass Mantine breakpoint maps to initialWidth , minWidth , maxWidth , size , knobSize , spacing , and their height counterparts. On top of that, panes with percentage-based sizes automatically stay in proportion when the container is resized -- and if a user has manually dragged a resizer, the drag ratio is preserved across resize events. This release also cleans up several internal inconsistencies, adds comprehensive JSDoc documentation to every public API surface, and exports a new ResponsiveValue<T> utility type so you can build your own responsive abstractions on the same foundation. What's New Responsive Pane Sizing Every size prop on Split.Pane now accepts a Mantine breakpoint map in addition to static values. This means you can declare layouts that reshape themselves across viewports
Continue reading on Dev.to React
Opens in a new tab




