Skip to documentation
UI

FloatingPanel

Viewport-anchored floating panel built from Base UI modal atoms for contextual side conversations, task runs, inspectors, and other non-blocking auxiliary surfaces.

import { FloatingPanel } from '@lobehub/ui/base-ui';
NPMSourceEdit
Feedback

Basic

Loading preview

Notes

  • FloatingPanel is resizable by default. The active resize handles follow the placement anchor so the panel remains attached to its viewport corner.
  • Use minWidth, maxWidth, minHeight, and maxHeight to constrain resize bounds.
  • Use resizable={false} for fixed auxiliary panels.