Qeetrix

Floating Window

A draggable, non-modal floating panel (`role=dialog`, `aria-modal=false`) — for help overlays, detachable widgets, and in-context tools.

Beta

Ready to use, but its API may still change before it is marked stable.

Usage

Import

import { FloatingWindow } from "@qeetrix/ui";

It can also be imported on its own from @qeetrix/ui/components/floating-window.

States

hover · active

Support

FeatureStatus
Right-to-leftSupported
Dark modeSupported
DensityNot supported
Server renderingClient component
Reduced motionSupported

Accessibility

Follows the WAI-ARIA dialog pattern. Not yet audited.

Keyboard

Tab Escape ArrowUp ArrowDown ArrowLeft ArrowRight

Focus

Each control is a Tab stop, in order.

Tests

Covered by unit, accessibility (axe), interaction and visual tests.