Open-code aq-ui accessible component family for Resizable.
This is a live example. Interact with the available controls and use the keyboard to inspect the component's states and behavior.
aq-uipnpm dlx aq-ui@alpha add resizableImport the parts you need, then jump to an export for its contract.
"use client"
import { ResizableHandle } from "@/components/ui/resizable"
<ResizableHandle />Open-code aq-ui accessible component family for Resizable.
const ResizableHandle = React.forwardRef<HTMLDivElement, ResizablePrimitive.SeparatorProps & { withHandle?: boolean }>(…)ResizablePrimitive.SeparatorProps & { withHandle?: boolean }| Name | Type |
|---|---|
withHandle? | boolean |
Public const export from Resizable.
const ResizablePanel = React.forwardRef<HTMLDivElement, ResizablePrimitive.PanelProps>(…)ResizablePrimitive.PanelPropsPublic const export from Resizable.
const ResizablePanelGroup = React.forwardRef<HTMLDivElement, ResizablePrimitive.GroupProps>(…)ResizablePrimitive.GroupPropsutils
react-resizable-panels@^4.12.2
Navigation
Drag the handle to resize.