抽屉Drawer
你可能会说
从右边滑出来一块面板看详情，背后的列表还能看见。
从屏幕边缘滑出的覆盖层面板，用于展示承载较多内容的辅助操作。在项目列表旁查看详情或调整筛选时可打开抽屉。无论在手机上占满屏幕还是只占一侧，都需要清楚的标题、关闭入口和焦点管理。
也常被叫作抽屉组件侧边滑出面板侧边抽屉
组成结构 · Anatomy
任务详情 ×
关闭保存
贴边滑出的容器，只遮住部分页面
标题加关闭，说清这是什么
详情、筛选或表单，能承载更长排版与较多操作项
可选，放保存 / 关闭
常见变体 · Variants
右侧抽屉Right
任务详情 ×
查看详情或填写表单时
左侧抽屉Left
导航 ×
承载导航菜单时
底部抽屉Bottom
分享给 ×
移动端选择操作或分享时
典型使用场景
列表行详情
首页改版设计进行中
支付流程走查已完成
新手引导文案未开始
任务详情×
进行中 · 林小hu
筛选面板
筛选×
状态
☑ 进行中 ☐ 已完成
负责人
☑ 林小hu ☐ oil-oil
编辑成员表单
编辑成员×
移动端菜单
首页
组件
模板
设置