<sl-split-panel>

Split panels display two adjacent panels, allowing the user to reposition them.

The source repository is archived and read-only.

Superseded by <wa-split-panel> in Web Awesome.

Category

Layout

Built with

Lit

Library

Shoelace

Author

Shoelace

Package

@shoelace-style/shoelace

Component size

4.1 kB JS (minified + gzipped, JS includes dependencies beyond the library)

Library size

7.9 kB JS (shared by every Shoelace component, loaded once per page)

Downloads

142,636/week · jsDelivr 2,182,806,504 hits/month (whole @shoelace-style/shoelace package)

GitHub stars

13,834

Latest stable version

2.20.1

Last published

Mar 11, 2025

Component last changed

Feb 3, 2025 (in 2.20.0)

License

MIT

Status

stable

• Documentation
• Source code

• Documentation
• Source code

Attributes

• position
• position-in-pixels
• vertical
• disabled
• primary
• snap
• snap-threshold

Slots

• start
• end
• divider

Events

• sl-reposition

CSS Parts

• start
• end
• panel
• divider