Home

The Resizable component enables users to adjust the size of panels or other UI elements by dragging. It’s useful for split views, layout editors, and dynamic interfaces.

Installation

npm
npx phpxui add Resizable

Usage

use Lib\PHPXUI\{
    ResizablePanelGroup,
    ResizablePanel,
    ResizableHandle,
}
<ResizablePanelGroup direction="horizontal">
  <ResizablePanel>One</ResizablePanel>
  <ResizableHandle />
  <ResizablePanel>Two</ResizablePanel>
</ResizablePanelGroup>

Examples

Vertical

Header
Content

Handle

Sidebar
Content