Splitter API

A headless component for building resizable panel layouts with drag handles and full keyboard support.

Explore these related pages for additional context and usage patterns.

Page	Category
Splitter	Semantic
Atom	Primitives

Splitter.Root

Props

orientation

SplitterOrientation | undefined

Default: "horizontal"

disabled

boolean | undefined

Default: false

Events

layout

[sizes: number[]]

Slots

default

SplitterRootSlotProps

Splitter.Handle

Props

disabled

boolean | undefined

Default: false

label

string | undefined

Slots

default

SplitterHandleSlotProps

Splitter.Panel

Props

defaultSize required

SplitterPanelSize

minSize

SplitterPanelSize | undefined

Default: 0

maxSize

SplitterPanelSize | undefined

Default: 100

collapsible

boolean | undefined

Default: false

collapsedSize

SplitterPanelSize | undefined

Default: 0

collapsed

boolean | undefined

Events

update:collapsed

unknown[]

resize

[size: number]

Slots

default

SplitterPanelSlotProps