材质用户界面-gutter底部与段落，有区别吗？

Question

两者之间有什么区别？

我正在查看Typography Component API，有gutterBottom和paragraph道具记录了完全相同的内容，如果为true，则margin bottom将为0。这是指向Component API的链接： https://github.com/keredson/wordninja

Answer 1

有两个部分。

---

首先，css单位不同。gutterBottom的em单位是相对的。1em等于父组件的字体大小。

gutterBottom: {
    marginBottom: '0.35em',
},
paragraph: {
    marginBottom: 16,
},

第二，段落用于选择印刷术的基本组成部分。如果段落为true，则印刷术为“ p”。如果段落为false，请选中两个默认设置，否则印刷术将为“ span”。

const Component =
    componentProp ||
    (paragraph ? 'p' : headlineMapping[variant] || defaultHeadlineMapping[variant]) ||
    'span';

Answer 2

好吧，它们可能会引起相似的外观（0.35em边距与16px边距），但它们更关注语义。 paragraph也将产生p元素，而不是div元素。

可以改进文档。随时提出问题，甚至打开公关。