← 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

PropTypeDefaultDescription
onResize(deltaY: number) => void-Resize callback with pixel delta
isCollapsedbooleanfalseWhether panel is collapsed
collapsedDirection"top" | "bottom" | nullnullCollapse direction