Vue Split Panel

Split Panel Component


Description

Split Panel Component

Vue Split Panel is a splitter component that follows the usage syntax of Reka UI while employing Web Awesome's internal rendering logic.

  • Accessibility: Implements the Window Splitter WAI‑ARIA design pattern
  • Keyboard Interaction: Allows resizing and collapsing panes via keyboard controls
  • Text Direction: Supports both left‑to‑right (LTR) and right‑to‑left (RTL) text directions
  • Nested Layouts: Enables complex layouts by nesting split panel components
  • Transitions: Provides smooth transitions when expanding or collapsing the primary panel

Creator

@directus

Related Projects

Markstream

AI-powered Streaming Markdown Renderer

Vue 3 JSON Editor

Vue 3 JSON Editor

JSON Editor Component

Vuelor

Vuelor

Colorpicker Component

Roughness

Roughness

Hand-drawn Component Library

Stk Table Vue

Stk Table Vue

Virtual List Component