WebMD
本页大纲

插槽(Slot)

缩写:无

简述

在 Web 组件等模型中,允许外部把子内容投递到组件内部指定位置的占位机制。默认插槽与具名插槽分离布局与内容,实现组合式 UI 结构。

使用场景

设计系统组件、卡片标题/操作区扩展点。

组成与要点

组件外壳
  ├─ slot 默认
  └─ slot name="actions"
外部子内容投递到对应槽位

实践与应用

• 具名插槽表达稳定扩展点
• 文档化每个插槽用途
• 避免过深插槽迷宫

注意事项

• 插槽内容的样式与事件边界易混淆
• 无障碍焦点在组件边界需额外设计

关联术语

• Web 组件:插槽所在模型
• 组合:内容投影式复用