Drawer
抽屉 · Base UI Dialog 引擎 + 四向侧滑
全状态
right(默认)
left
top
bottom
Playground
<Drawer>
<DrawerTrigger render={<Button>打开</Button>} />
<DrawerContent
side="right"
title="设置面板"
footer={<>
<DrawerClose render={<Button variant="outline">取消</Button>} />
<DrawerClose render={<Button>保存</Button>} />
</>}
>
{/* 正文(超长自动滚动,footer 钉底) */}
</DrawerContent>
</Drawer>