Loading source

Preparing the source view

Pulling the file list, source metadata, and syntax-aware rendering for this listing.

Source from repo

Reka UI

Build accessible, unstyled Vue 3 components using Reka UI (formerly Radix Vue) with WAI-ARIA compliance.

onmaxGitHub onmaxSource repo Original GitHub link Publisher page

Files

54

Skill

n/a

Size

134.4 KB

Entrypoint

SKILL.md

Format

git-repo

Open file

components/splitter.md

Syntax-highlighted preview of this file as included in the skill package.

Rendered Source

markdown74 linesFree

Splitter

Resizable split panels

Parts: SplitterGroup, SplitterPanel, SplitterResizeHandle

SplitterGroup

Props

Prop	Type	Default
`as`	`AsTag \	Component`	`"div"`
`asChild`	`boolean`	-
`autoSaveId`	`string \	null`	`null`
`direction`*	`"vertical" \	"horizontal"`	-
`id`	`string \	null`	-
`keyboardResizeBy`	`number \	null`	`10`
`storage`	`PanelGroupStorage`	`defaultStorage`

Emits

Event	Payload
`layout`	`[val: number[]]`

Slots

Slot	Type
`layout`	`number[]`

SplitterPanel

Props

Prop	Type	Default
`as`	`AsTag \	Component`	`"div"`
`asChild`	`boolean`	-
`collapsedSize`	`number`	-
`collapsible`	`boolean`	-
`defaultSize`	`number`	-
`id`	`string`	-
`maxSize`	`number`	-
`minSize`	`number`	-
`order`	`number`	-

Emits

Event	Payload
`collapse`	`[]`
`expand`	`[]`
`resize`	`[size: number, prevSize: number]`

Slots

Slot	Type
`isCollapsed`	`boolean`
`isExpanded`	`boolean`

SplitterResizeHandle

Props

Prop	Type	Default
`as`	`AsTag \	Component`	`"div"`
`asChild`	`boolean`	-
`disabled`	`boolean`	-
`hitAreaMargins`	`PointerHitAreaMargins`	-
`id`	`string`	-
`tabindex`	`number`	`0`

Emits

Event	Payload
`dragging`	`[isDragging: boolean]`