Skip to Content
Shadcn ComponentsResizable

Resizable

Accessible resizable panel groups and layouts with keyboard support.

One
Two
Three

Installation

npx shadcn@latest add @uipath/resizable

Usage

import {
  ResizableHandle,
  ResizablePanel,
  ResizablePanelGroup,
} from "@/components/ui/resizable"
<ResizablePanelGroup direction="horizontal">
  <ResizablePanel>One</ResizablePanel>
  <ResizableHandle />
  <ResizablePanel>Two</ResizablePanel>
</ResizablePanelGroup>
Radio GroupScroll Area