Dev Design Library

Floating Panel

Used to display content in a non-modal floating window.

Floating Panel preview
Library
Ark UI
Framework
React
Type
component
License
MIT
Install
npm install @ark-ui/react
Files
  • packages/react/src/components/floating-panel/floating-panel-body.tsx
  • packages/react/src/components/floating-panel/floating-panel-close-trigger.tsx
  • packages/react/src/components/floating-panel/floating-panel-content.tsx
  • packages/react/src/components/floating-panel/floating-panel-context.tsx
  • packages/react/src/components/floating-panel/floating-panel-control.tsx
  • packages/react/src/components/floating-panel/floating-panel-drag-trigger.tsx
  • packages/react/src/components/floating-panel/floating-panel-header.tsx
  • packages/react/src/components/floating-panel/floating-panel-positioner.tsx
Source
https://github.com/chakra-ui/ark

Categories

More from Ark UI