Drawer
底部抽屉组件 - 支持拖拽交互的 Zine Mark 风格抽屉
案例展示
底部抽屉在实际场景中的使用示例
移动端操作菜单
评论面板
分享面板
方向
Drawer 支持四个方向
Bottom (默认)
Top
Left
Right
复杂业务场景
在实际业务中使用 Drawer 的复杂示例
购物车
筛选面板
订单追踪
Overlay 效果
不同的背景遮罩效果
无模糊（深色遮罩）
强模糊效果
浅色遮罩
使用说明
Drawer 与 Sheet 的区别
When to use Drawer
- Mobile bottom action panels
- Scenarios requiring drag interactions
- Temporary content display
- Quick action menus
Difference from Sheet
- Drawer supports drag gesture to close
- Drawer has a visible drag handle indicator
- Drawer is more suitable for mobile use
- Sheet is better for complex forms or navigation panels