Accessible resizable panel groups and layouts with keyboard support.
The <Resizable />
component is built on top of react-resizable-panels library.
Run the following command:
npx ever-ui-clx@0.2.1 add demo-resizable
import {
ResizableHandle,
ResizablePanel,
ResizablePanelGroup,
} from "@/components/ui/resizable";
<ResizablePanelGroup direction="horizontal">
<ResizablePanel>One</ResizablePanel>
<ResizableHandle />
<ResizablePanel>Two</ResizablePanel>
</ResizablePanelGroup>