Office UI Fabric - How to apply css styles to existing components
up vote
1
down vote
favorite
I'm using the provided components and every time I need to change a component style I wonder what's the proper way to do it. Lets say I need to change the IconButton background color when it's disabled. https://codepen.io/elsl/pen/KrQQdV If I provide a theme, how am I supposed to know which palette/semanticColor is used by that component?
const iconsTheme = Fabric.createTheme({
semanticColors: {
disabledBackground: "#ff9933"
}
});
<Fabric.IconButton
iconProps={{iconName:'ChevronRight'}}
disabled
theme={iconsTheme}
/>
If I provide an IButtonStyles, how am I supposed to know that the property name is "rootDisabled.backgroundColor"?
const iconButtonStyles: IButtonStyles = {
rootDisabled