Changing the colour of the Sort/Filter/Group icon displayed in a DetailsList column header #17895
-
Is it possible the change the type of icon and the colour ? For colour I want to sue the same theme colour used for icons on buttons in the CommandBar component. For the icon itself i'd like to be able to specify different icons from the Fluent UI React icon set. |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
hi |
Beta Was this translation helpful? Give feedback.
hi
i was same to the problem and i succeeded to solve
for coler
<IconButton
onClick={logout}
iconProps={{ iconName: 'NavigateBack' }}
className="icon"
styles={{
icon: { color: 'white', fontSize: 24 },
root: {
selectors: {
':hover .ms-Button-icon': {
color: '#FFB400'
},
':active .ms-Button-icon': {
color: 'yellow'
}
},
},
rootHovered: { backgroundColor: '1A1F71' },
rootPressed: {backgroundColor:'1A1F71' }
}}
/>