可调整面板
支持无障碍访问和键盘操作的可调整面板组和布局。
安装
pnpm dlx shadcn@latest add @lumi-ui/resizable
组件结构
<ResizableGroup>
<ResizablePanel />
<ResizableSeparator />
</ResizableGroup>基本用法
import {
ResizableGroup,
ResizablePanel,
} from "@components/ui/resizable";
<ResizableGroup orientation="horizontal">
<ResizablePanel>面板一</ResizablePanel>
<ResizablePanel>面板二</ResizablePanel>
</ResizableGroup>