开始使用原子设计方法构建新的 UI 库时，我们在尝试将最小的 UI 构建块分类为原子时很快遇到了问题。这里的一个例子可能是一个 React 组件，它可能是<SVGComponent />. 最初被归类为原子——很快就发现它可能不是。就原子设计而言，它不适合作为原子的词汇——它是一个实现细节。因此，一个<Icon />组件可能符合 atom 的设计分类，并且该组件的实现可能由<SVGComponent />. 此类组件还有其他示例，例如<Font/>。
是否有一种通用的说法来描述和分类这些组件以及原子 ui 库以及存在依赖项的位置？一般对此有什么想法吗？
谢谢
我不是AD概念方面的专家，但参考定义：
原子是最小的组件，例如按钮、标题、输入或事件颜色托盘、动画和字体。它们可以应用于任何上下文，全局或在其他组件和模板中，除了具有许多状态，例如此按钮示例：禁用、悬停、不同大小等。
所以，如果我理解<SVGComponent />权利的目的，我不太同意它不适合作为原子的词汇。将其与<Button />组件（即原子）进行比较，它可以自由接收诸如'width'、'height'、'viewBox'等道具。
至于<Icon />组件，没必要在<SVGComponent />里面写。您可以尝试将类似'src'prop 的东西传递给Icon，它可以是各种类型之一（img src、原始 svg 代码等）。
只是我的两分钱。希望能帮助到你。