Использование и назначение необязательных членов PaletteIntention в MaterialUI

Question

Кажется, я не могу найти ни в одной документации Material-UI, где применяются светлые, темные и контрастные свойства PaletteIntention или для чего они используются? Я знаю, что могу получить к ним доступ напрямую с помощью хуков или HO C, но мне интересно, используются ли эти варианты автоматически в каком-либо из встроенных компонентов? Это, вероятно, очевидно, так что спасибо заранее.

Answer 1

Да, эти значения темы используются в компонентах MUI.

---

Ключевое слово PaletteIntention появилось только в документе тема / палитра / настройка для пояснения.

Что он хочет сказать, так это то, что мы можем настроить параметры темы по умолчанию.

---

Если мы внимательно рассмотрим built-in компонентный источник, как самый распространенный Button

• См .: источник Кнопка MUI

Вы можете обнаружить, что стили по умолчанию используют тему

export const styles = (theme) => ({
  /* Styles applied to the root element. */
  root: {
    ...theme.typography.button,
    boxSizing: 'border-box',
    minWidth: 64,
    padding: '6px 16px',
    borderRadius: theme.shape.borderRadius,
    color: theme.palette.text.primary,
    transition: theme.transitions.create(['background-color', 'box-shadow', 'border'], {
      duration: theme.transitions.duration.short,
    }),

, что довольно часто встречается. Я имею в виду, почему они не используют стилевое решение в своем собственном пакете?

В документе может отсутствовать список всех стилей по умолчанию, используемых одним компонентом, тем не менее, мы можем видеть его внутри исходного кода, и мы всегда можем настроить их через документ CSS API, или переопределите их, используя MUI nesting selector или другое решение стиля, предоставляемое MUI с темой.

---

См. документ

• Решения в стиле MUI

• Тематика MUI

• компоненты для настройки

• продвинутый / # тема