Atomic Design(原子设计)中Molecule是否允许嵌套的问题咨询
原子设计中Molecule嵌套是否符合规范的解答
原子设计规范允许Molecule(分子)嵌套其他Molecule,这种用法完全符合设计初衷,不属于违规写法。
- 原子设计的分层规则只对各层级组件的职责做了原则性定义,并没有强制要求分子层组件只能由原子层组件组合:原子是最小不可拆分的基础单元(比如按钮、输入框、图标、标签),分子是多个基础单元组合而成的、功能单一内聚、可独立复用的组件,只要外层组件满足分子的定义,不管内部组合的是原子还是其他更小的分子,都符合规范要求。
- 实际开发中分子嵌套的场景非常常见:比如做一个用户信息卡片分子,内部可以包含「头像+用户名+等级标识」组成的用户身份条分子,以及「关注按钮+私信按钮」组成的操作组分子,这种嵌套能最大化组件复用率,减少冗余代码。
- 需要注意的边界:不要为了嵌套而嵌套,也不要让嵌套后的外层分子承担多个不相关的功能,如果一个组件内部逻辑已经复杂到同时覆盖多个独立场景,那它更适合归类到Organism(组织)层级,而非继续作为分子存在。
内容的提问来源于stack exchange,提问作者Umar Alfaruq
相关产品推荐
相关产品推荐

