Skip to Content
📣 See the latest news →
Resources🧩 ComponentsSplit Pane

Split Pane

Mantine Split Pane enables dynamic interface division with resizable content areas, allowing users to customize and optimize their workspace layout efficiently.

Full documentation and API reference available at gfazioli.github.io/mantine-split-pane 

Installation

yarn add @gfazioli/mantine-split-pane

Overview

Split Pane divides the UI into resizable panels — horizontal or vertical — with draggable dividers. It supports:

  • Horizontal and vertical split directions
  • Min/max constraints on each pane
  • Nested splits for complex layouts
  • Customizable dividers with snap-to-size behavior
  • Controlled and uncontrolled modes
Last updated on