Lumeo

Resizable

Accessible resizable panel groups and layouts with drag-to-resize handles.

Installation

dotnet add package Lumeo

One-time app setup (AddLumeo(), CSS & JS) is covered in the installation guide.

Usage

@using Lumeo

<Resizable />

When to Use

Split pane layouts such as a sidebar + content area
Adjustable layouts where users control how much space each section occupies
IDE-like or editor panels with resizable code, preview, and console areas
Dashboards where users want to resize widgets or data panels

Horizontal

Panel One

Panel Two

Vertical

Top

Bottom

Collapsible Panel with Constraints

Sidebar

Content — drag the sidebar small to collapse it

Three Panels

Sidebar

Content

Panel

API Reference

ResizablePanelGroup

ResizablePanel

ResizableHandle

ScrollArea — Styled scrollable container for overflowing panel content
Card — Contained content sections that can live inside resizable panels
Sidebar — Collapsible navigation sidebar for app-level layouts