Splitter

The panes and handles, in source order — `<SplitterPane>` and `<SplitterHandle>` interleaved.

Weight of the divider line.

Semantic palette the divider draws from, forwarded as `colorPalette`. The grip colour is published as an inheriting custom property, so this reaches every handle beneath the root without repeating it per handle.

Axis the panes are laid out along. `horizontal` splits left/right, `vertical` splits top/bottom.

Pane sizing, in source order — one entry per `<SplitterPane>`. `size` is a relative weight; `min` / `max` are pixels.

Distance in px a pane must be dragged below its `min` before a `collapsible` pane snaps shut.

Disable every handle. Panes keep their current sizes.

How far a keyboard arrow press resizes, in px.

`localStorage` key under which the current sizes are saved and restored. Omit to keep the splitter stateless across reloads.

Sizes (in px, along the split axis) that a drag snaps to when it comes within `snapThreshold`.

How close in px a drag must come to a `snap` stop before it latches.

Fired when a pane collapses or expands.

Fired whenever the resolved pane geometry changes.

Accessible label for the group of panes.

Bound reference to the root element (`bind:this`).

Per-slot style and HTML-attribute overrides.

Astro / vanilla: serialize the props into `data-splitter-config` so the client runtime hydrates this instance and `getPindoba(el, "splitter")` can `update()` it. Frameworks with their own reactivity don't need it.

Identity of the pane, matching an entry in the root's `panes` array, and the target of the adjacent handle's `aria-controls`. Optional: the controller falls back to the pane's source position, so an unlabelled splitter still resizes — you only need an id to address a pane by name or to wire `aria-controls`.

Whether the pane is currently collapsed. Frameworks feed their reactive state in; the controller owns the transitions.

Per-slot style and HTML-attribute overrides.

Axis the handle moves along. Normally inherited from the root; set it only when rendering a handle outside a `<Splitter>`.

Disable this handle.

Whether a drag is in progress on this handle.

`id` of the pane immediately before this handle — the one the handle's ARIA value describes and that <kbd>Enter</kbd> collapses.

Accessible label for the handle.

Largest percentage the controlled pane may reach.

Smallest percentage the controlled pane may reach.

Current size of the controlled pane as a percentage of the split axis, published as `aria-valuenow`. The controller keeps this live.

Per-slot style and HTML-attribute overrides.