Как применить стиль к значку типа IIconProps в пользовательском интерфейсе Fluid?

Question

У меня есть кнопка, как в примере ниже, со значком (addFriendIcon).

https://developer.microsoft.com/en-us/fluentui

Как мне добавить стиль к этому значку? Например изменить цвет?

---

import * как React из 'react'; импортировать { ActionButton, IIconProps } из 'office-ui-fabric-react';

const addFriendIcon: IIconProps = {iconName: 'AddFriend'};

экспорт const ButtonActionExample: React.FunctionComponent = props => {

return (Создать аккаунт); };

Answer 1

Если вы хотите сделать это с помощью Fluent UI, просто добавьте соответствующие стили в IIconProps:

const addFriendIcon: IIconProps = {
  iconName: 'AddFriend',
  styles: {
    root: { color: 'red' }
  }
};

Вот скорректированный код: https://codepen.io/alex3683/pen/RwarOrb