2.1.27 • Published 9 months ago
@hautechai/webui.floatingpanel
Licence
Apache-2.0
Version
2.1.27
Deps
5
Size
5 kB
Vulns
0
Weekly
0
FloatingPanel
Purpose
Draggable overlay panel component that floats above content with positioning and resize capabilities.
Installation
# pnpm (recommended)
pnpm add @hautechai/webui.floatingpanel
# npm
npm install @hautechai/webui.floatingpanel
# yarn
yarn add @hautechai/webui.floatingpanelParameters
| Parameter | Type | Description |
|---|---|---|
| children | React.ReactNode | Required content displayed within the floating panel |
| title | string | Optional panel title displayed in the header |
| position | object | Optional initial position with x and y coordinates |
| size | object | Optional initial size with width and height values |
| resizable | boolean | When true, allows panel resizing |
| draggable | boolean | When true, allows panel dragging (typically default) |
May include additional parameters for styling and interaction constraints.
Usage Example
<FloatingPanel title="Settings" position={{ x: 100, y: 100 }} size={{ width: 400, height: 300 }} resizable={true}>
<SettingsForm />
</FloatingPanel>