Материал пользовательского интерфейса - нижний желоб против абзаца, разница?

Question

В чем разница между этими?

Я смотрю на API Типографского компонента, и есть реквизиты gutterBottom и paragraph, которые документировали точно то же самое, если true, нижнее поле будет равно 0. Вот ссылка на API компонента: https://material -ui.com / апи / типографика /

Answer 1

Есть две части различия.

---

Во-первых, единица измерения css отличается. Единица em для gutterBottom является относительной. 1em равна размеру шрифта родительского компонента.

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

Во-вторых, абзац используется для выбора базового компонента типографии. Если абзац истинный, типография "p". Если абзац ложный, отметьте два параметра по умолчанию, иначе типография будет "span".

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

Answer 2

Ну, они могут вызывать похожий вид (поле 0.35em против поля 16px), но их больше интересует семантика. paragraph также приведет к элементу p, а не к элементу div.

Документация может быть улучшена. Не стесняйтесь поднимать вопрос или даже открывать PR.