ResizablePanel

ResizablePanel Component

stable
Playground
Left Panel
Right Panel
Props
PropTypeDefaultValue
defaultSizenumber—
directionselecthorizontal | vertical—
Horizontal
Left Panel
Right Panel
Vertical
Top Panel
Bottom Panel
Asymmetric
Sidebar (30%)
Main content (70%)
PROPTYPEDEFAULTDESCRIPTION
defaultSizenumber—Default size percentage
directionselect—Split direction
Using ResizablePaneltsx
import { ResizablePanel } from '@/components/ResizablePanel'

<ResizablePanel
  defaultSize="..."
  direction="..."
/>
Tokens Used
No design tokens detected