1

Столкнулся с банальной проблемой. При работе с bootstrap используются известные классы primary,info,warning для создания кнопки определенного цвета. В offcie365 fabric для ReactJS есть компоненты DefaultButton, PrimaryButton, CompoundButton и все. Причем есть раздел,посвященный цветам. Но я не понимаю, как задать кнопке цвет. пробовал <DefaultButton className = 'neutralDark' onClick={ onClose } text='Lost & Found' /> не работает. Как можно поменять цвет?

1 ответ 1

2

Попробуйте использовать именование классов, как написано в документации ms-bgColor-themePrimary. В вашем случае должно получиться так:

<DefaultButton
  className='ms-bgColor-neutralDark'
  onClick={ onClose }
  text='Lost & Found'
/>
3
  • Это тоже пробовал. Он добавляет этот класс к "root_61661014 ms-Button ms-Button--default root_ff4910b2 isEnabled_ff4910b2", получается root_61661014 ms-bgColor-neutralDark ms-Button ms-Button--default root_ff4910b2 isEnabled_ff4910b2, но ничего не меняется default-класс похоже,перекрывает его
    – Iga
    26 июл 2017 в 7:43
  • А вы добавили ссылку на css для поддержки этих классов? https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/4.1.0/css/fabric.min.css ссылка: dev.office.com/fabric#core
    – DarkSir
    26 июл 2017 в 9:34
  • Вот пример: codesandbox.io/s/73N8xo5wr в index.html добавлен css, классы меняет нормально.
    – DarkSir
    26 июл 2017 в 9:46

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.