Window

A non-modal draggable and resizable floating panel — like a desktop application window.

Installation

dotnet add package Lumeo

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

Usage

@using Lumeo

<Window />

When to Use

Display secondary content (logs, previews, tools) while the main page remains interactive.
Create floating panels that users can reposition and resize to fit their workflow.
Build desktop-like multi-window UIs in web applications.

Basic Window

Non-Resizable Window

Minimal Controls (close only, non-draggable)

Custom Title Bar (TitleContent)

Mobile (rc.49). Title-bar buttons (close, minimize, maximize) are now 44×44 px on touch screens (h-11 w-11 sm:h-7 sm:w-7) and the resize handle corner expands to a 44×44 px tap target, making the window fully usable on mobile.

API Reference

Window

Dialog — Modal dialog that blocks interaction with the rest of the page.
Sheet — Slide-in panel from an edge — less intrusive than a dialog.
Popover — Anchored floating panel positioned relative to a trigger.

Window

Installation

Usage

When to Use

API Reference

Window

Related Components

Cookies & consent