Overview:

Svelte-Splitpanes is a responsive component that provides resizable view panels with advanced features such as min/max boundaries, snap, expand on double click, fixed size, and right-to-left (RTL) support. It started as a port of vue-splitpanes and has become one of the best splitpane implementations for the Svelte ecosystem. The library is compatible with Sveltekit and Typescript and supports various browsers, including legacy ones like IE 11.

Features:

Support for dynamic horizontal and vertical splits
Defaults, min and max sizes for the splits
Support for multiple splits
Lifecycle events support
Customizable divider size and overlay (CSS)
Splitter pane pushing
RTL rendering with auto-detection
First splitter on/off
Pane toggle
Edge snapping
Programmatic resizing and two-way size binding
Programmatic panes add/remove
Programmatic panes reordering by Svelte keyed each blocks
Support for legacy browsers such as IE 11
Support for touch devices
Support for fixed splitters
Sveltekit & Typescript friendly

Summary:

Svelte-Splitpanes is a powerful and feature-rich library that provides a responsive and customizable splitpane component for Svelte applications. It offers a wide range of options for resizing and manipulating view panels, making it a valuable tool for creating complex layouts. With support for advanced features like edge snapping and RTL rendering, as well as compatibility with legacy browsers and touch devices, Svelte-Splitpanes is a versatile choice for developers working with Svelte.

Orefalo

Svelte Splitpanes