Как я могу настроить значок кнопки с помощью компонента Customizer? - PullRequest
Новая
       22

Как я могу настроить значок кнопки с помощью компонента Customizer?

0 голосов
/ 15 апреля 2020

Я использую компонент Customizer для применения указанной c темы и стиля к моим компонентам Fabric / Fluent.

Я также хотел бы настроить значки из свойств настройщика.

В исходном коде компонента Customizer есть блок текста, который гласит:

Компонент Customizer позволяет смешивать реквизиты по умолчанию с компонентами, которые украшены настраиваемым ( ) или использовать стиль HO C. Это позволяет внедрить сценарий ios, например:

  1. отображать значки SVG вместо шрифта значка во всех кнопках
  2. вставлять объект пользовательской темы в компонент

Означает ли это, что можно изменить значок из реквизитов Настройщика?

Я создал CodePen , чтобы проиллюстрировать мою проблему. 

const buttonProps = {
  text: "My Button",
  iconProps: {
    iconName: "Delete"
  }
};

const customizerProps = {
  scopedSettings: {
    DefaultButton: {
      styles: ButtonStyles,
      iconProps: {
        iconName: "Cancel" // replace original icon with this
      }
    }
  }
};

<DefaultButton { ...buttonProps } />
<Customizer { ...customizerProps }>
  <DefaultButton { ...buttonProps } />
</Customizer>

У меня есть две кнопки по умолчанию с iconProps. Я хотел бы использовать настройщик для изменения значка второй кнопки, однако изменяется только стиль.

Возможно ли это сделать?

...