0
430
Views¿Cómo cambiar el color del icono de Fluent UI al pasar el mouse?
estoy usando Fluent UI en mi proyecto.
Inicialicé mi botón con este código simple en javascript:
iconProps: { iconName: 'NewFolder', styles: { root: { color: 'orange' }, } }, y puedo anular el color predeterminado para pedir uno. 
Mi pregunta es, ¿cómo configurar el color del mouse sobre el botón? 
·
Juan Pablo Isaza
1 answers
Answer question0
Para IconButton , DefaultButton y PrimaryButton , tiene la propiedad root para el estilo de botón predeterminado, rootHovered , rootChecked , etc. para diferentes estados.
<IconButton iconProps={{ iconName: 'NewFolder' }} styles={{ root: { color: 'blue' }, rootHovered: { color: 'orange' }, }} />Ejemplo de trabajo de Codepen
Los estilos de botones también pueden ayudar.
·
Juan Pablo Isaza
Report
Answer question