0
172
VistasCambiar el color del icono dentro de la pestaña MUI
Estoy tratando de cambiar el color del icono de la pestaña de la pestaña que está resaltada y mantenerla sin cambios para el resto, pero no puedo resolverlo. Estoy pasando el componente MUI dentro del botón del icono.
<Tab icon={ <Icon color={cinchdark} name={item.icon} size='small' /> } key={item.name} label = { <Typography variant='button'>{item.name} </Typography> } {...a11yProps(index)} />))} </Tabs>LO QUE ESTOY TRATANDO DE LOGRAR
CÓMO SE VE AHORA MISMO
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Para Icon, puede agregar color en classname en componente
className={classes.icon} icon: { color: '#F48273', },Para cambiar el color del indicador, puede usar accesorios
TabIndicatorProps={{className: classes.tabIndicator}}y agregue color de fondo en la clase o si esto es de su tema, simplemente puede agregar
indicatorColor="primary" textColor="primary"En su componente de pestañas.
·
Juan Pablo Isaza
Denunciar
Responde la pregunta