finds.dev← search

// the find

PanJiaChen/vue-split-pane

★ 556 · JavaScript · updated Oct 2020

Split-Pane component built with vue2.0, can be split vertically or horizontally. http://panjiachen.github.io/split-pane/demo/index.html

A minimal Vue 2 split-pane component that lets you divide a view into two resizable panels, either vertically or horizontally, with support for nesting. It's a single-purpose UI primitive — nothing more.

The nesting story is actually useful: stacking horizontal inside vertical to get a multi-pane IDE-style layout works out of the box. The component surface is tiny (three files, one event, three props), so reading the source takes five minutes. A prebuilt dist file means you can drop it in without a build step.

Vue 2 only, and Vue 2 reached end-of-life in December 2023 — adopting this today means carrying dead-framework debt. Last commit was 2020, so don't expect fixes. The options table in the README is wrong: it lists `max-percent` with a default of 10 (same as min-percent) which is clearly a copy-paste error, and there's no docs on what it actually does. No TypeScript types, no touch/pointer event support for mobile, and no programmatic control over the split position from a parent component.

View on GitHub →

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →