Dockable Studio Panes

Multi-pane collapsible workspace layout with draggable tabs for code editing, terminal execution, and telemetry.

Interactive Live Preview

Component Props & Interface

Type-safe React 19 props supported by Dockable Studio Panes.

Prop Name	Type	Default	Description
className	`string`	undefined	Optional custom CSS styling classes
variant	`string`	'default'	Visual variant style theme
onAction	`() => void`	undefined	Event callback handler

⌨ Keyboard Navigation

Fully navigable via Tab and Space/Enter. Supports ARIA live region updates for AI streaming states.

📱 Touch & Mobile Gestures

Touch-optimized event handling with hardware acceleration on mobile iOS Safari and Chrome Android.

⚡ Reduced Motion

Respects prefers-reduced-motion with instant CSS state swaps and disabled infinite loops.

Complementary AI interface components in Layout & Grids.