# nqui Resizable

> Resizable panels. Container: ResizablePanelGroup. Peer: react-resizable-panels.

## Import

```tsx
import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from "@nqlib/nqui"
```

## Basic

```tsx
<ResizablePanelGroup direction="horizontal">
  <ResizablePanel defaultSize={25}>Panel 1</ResizablePanel>
  <ResizableHandle />
  <ResizablePanel defaultSize={75}>Panel 2</ResizablePanel>
</ResizablePanelGroup>
```

## Notes

- Peer: `react-resizable-panels`.