侧边导航（抽屉/侧栏）
Drawer / Sidebar Navigation
从左边滑出来或常驻左边的导航：一级、二级菜单都在里面，后台和复杂应用的主导航。
Web 网站桌面客户端平板导航左侧栏 / 抽屉组件
大白话说明
侧边导航把多层菜单收在一列：顶部放产品名或账号，菜单按组排列，当前项高亮，可折叠成只剩图标的窄条给内容腾地方。移动端同结构变为抽屉，从左侧滑出、用完滑走。
什么时候用
菜单项超过 8 个、或有两级以上层级时——后台、文档站、设置中心都是它的主场。
什么时候不用
一级入口只有三五个时别用它（顶部标签或底部标签更直接）；营销页也别上侧栏，会打断阅读。
细节与变体
- 折叠态只留图标时，每个图标必须有气泡提示补文字
- 菜单分组之间留白或分隔线，组名小字大写或灰色
- 移动端抽屉打开时，背景要遮罩且点遮罩能关
配套效果见下方「可用效果」。
配套提示词（点开填空、复制）
可用效果
参考实现（开源）
- Ant Design（蚂蚁） ↗ MIT · 免费（MIT）
国内中后台的事实标准：表格、表单、列表都是行业参照物。
- Carbon（IBM） ↗ Apache-2.0 · 免费（Apache-2.0）
IBM 的设计系统：Token 体系与数据密集型界面的标杆，后台产品必读参考。
- shadcn-admin 后台模板 ↗ MIT · 免费（MIT）
shadcn/ui 拼出的完整后台：仪表盘、设置、聊天页都有，拆开就是现成的页面范式。