Resizable
Accessible resizable panel groups and layouts with keyboard support.
Installation
pnpm dlx shadcn@latest add @lumi-ui/resizable
Anatomy
<ResizableGroup>
<ResizablePanel />
<ResizableSeparator />
</ResizableGroup>Basic Usage
import {
ResizableGroup,
ResizablePanel,
} from "@components/ui/resizable";
<ResizableGroup orientation="horizontal">
<ResizablePanel>One</ResizablePanel>
<ResizablePanel>Two</ResizablePanel>
</ResizableGroup>