Tabbed Panel
A dockable, collapsible, resizable tabbed panel with configurable tab bar position, dynamic tab management, and drag-to-dock.
Docked Bottom — Terminal Style
VS Code-style panel with Terminal, Output, and Problems tabs. Click buttons to interact.
Status:
—Docked Top — Tab Bar at Bottom
DevTools-style panel docked to the top edge with the tab bar positioned at the bottom of the panel.
Status:
—Floating Properties Panel
Draggable floating panel with Properties, Events, and Styles tabs. Drag the title bar to move; drag to top/bottom edges to dock.
Mode:
—Collapse & Expand
Interactive collapse and expand controls. The collapsed strip shows the panel title and an icon.
State:
—Dynamic Tab Management
Add, remove, and disable tabs dynamically. The onTabClose callback prompts for confirmation.
Tabs:
—Tab Bar Position Variants
Show floating panels with the tab bar on different sides. Each button creates a new panel.