---
category: layout
---

# ResizablePanelGroup

Source: `components/ui/resizable.tsx`.

`ResizablePanelGroup` is a compound component. Its parts are exported **flat** (`ResizablePanel`, not
`ResizablePanelGroup.ResizablePanel`) and each is a separate top-level export of the bundle:

| Part | Props |
| --- | --- |
| `ResizablePanel` | `React.ComponentProps<typeof ResizablePrimitive.Panel>` |
| `ResizableHandle` | `React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {…}` |

All parts accept `className` and are composed as children of `ResizablePanelGroup`.