← All Components
ResizableDivider
Layout & Display
Draggable divider for creating resizable panel layouts.
Live Demo
Drag the divider bar to resize the panels.
Top Panel (120px)
Bottom Panel (172px)
Usage
<script>
import { ResizableDivider } from "jatui"
</script>
<ResizableDivider />Props
| Prop | Type | Default | Description |
|---|---|---|---|
onResize | (deltaY: number) => void | - | Resize callback with pixel delta |
isCollapsed | boolean | false | Whether panel is collapsed |
collapsedDirection | "top" | "bottom" | null | null | Collapse direction |