Search for a command to run...
Accessible resizable panel groups and layouts with keyboard support.
import { ResizablePanelGroup, ResizablePanel, ResizableHandle,} from "@/registry/optics/resizable";<ResizablePanelGroup direction="horizontal" className="max-w-md rounded-lg border"> <ResizablePanel defaultSize={50}> <div className="flex h-[200px] items-center justify-center p-6"> <span className="font-semibold">One</span> </div> </ResizablePanel> <ResizableHandle /> <ResizablePanel defaultSize={50}> <div className="flex h-[200px] items-center justify-center p-6"> <span className="font-semibold">Two</span> </div> </ResizablePanel></ResizablePanelGroup>import { ResizablePanelGroup, ResizablePanel, ResizableHandle,} from "@/registry/optics/resizable";<ResizablePanelGroup direction="horizontal" className="max-w-md rounded-lg border"> <ResizablePanel defaultSize={50}> <div className="flex h-[200px] items-center justify-center p-6"> <span className="font-semibold">One</span> </div> </ResizablePanel> <ResizableHandle /> <ResizablePanel defaultSize={50}> <div className="flex h-[200px] items-center justify-center p-6"> <span className="font-semibold">Two</span> </div> </ResizablePanel></ResizablePanelGroup>