0
250
Vistascómo personalizar las pestañas de la interfaz de usuario del material, el desplazador de pestañas
Aquí estoy tratando de personalizar estas pestañas mui, el color de la pestaña y el color del borde inferior de la pestaña. He intentado hacerlo usando makestyles, etc., pero nada funciona. 
mi código es,
import { makeStyles } from '@mui/styles'; const useStyles = makeStyles({ tab:{ "& .MuiButtonBase-root":{ marginLeft:"25px" } }, tabs:{ "& .MuiTabs-indicator":{ ml:"30px" } } })Además, también tengo problemas con la personalización de clases mui. Aunque uso una solución que es sx props, sé que no es la mejor práctica.
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
const theme = createTheme({ components: { MuiTabs: { styleOverrides: { indicator: { backgroundColor: 'orange', height: 10, }, }, }, } })
·
Juan Pablo Isaza
Denunciar
0
Puede diseñar el estilo de la pestaña seleccionada con la propiedad '&.MuiTab-root.Mui-selected' en cuanto al color del borde de la pestaña actual, puede usar el accesorio TabIndicatorProps y agregar una propiedad de estilos, es decir
export const StyledTab = styled((Tab))({ '&.MuiTab-root.Mui-selected': { color: 'gold', },y
TabIndicatorProps={{ style: { backgroundColor: '#f1db29' } }}
·
Juan Pablo Isaza
Denunciar
Responde la pregunta