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
| Feature | Status |
|---|---|
| Right-to-left | Supported |
| Dark mode | Supported |
| Density | Not supported |
| Server rendering | Client component |
| Reduced motion | Supported |
Accessibility
Follows the WAI-ARIA dialog pattern. Not yet audited.
Keyboard
Tab Escape ArrowUp ArrowDown ArrowLeft ArrowRightFocus
Each control is a Tab stop, in order.
Tests
Covered by unit, accessibility (axe), interaction and visual tests.