Skip to main content

Preguntas con la etiqueta [mui]

La etiqueta no tiene orientación de uso.

Filtrar por
Ordenado por
Etiquetadas con
0 votos
0 respuestas
17 vistas

Personalizar PaletteOptions de Mui con Typescript en React

Tengo este archivo colors.ts: const colors = { background: { default: '#f8f9fa', }, text: { main: '#67748e', focus: '#67748e', }, transparent: { main: 'transparent', }, ...
Avatar del usuario Arturo Rodas
2 votos
0 respuestas
62 vistas

crear un Mixed Chart o Chart composition en react

quiero crear un grafico combinado de columnas agrupadas y lineas en react, en el eje x, debe tener los meses del año, cada mes debe tener 3 columnas agrupadas, las columnas serán ev, ac, pv, es decir ...
Avatar del usuario Diego
  • 21
0 votos
0 respuestas
54 vistas

Material UI React no me carga bien los estilos

estoy implementando MUI en un proyecto nuevo, estaba haciendo una lista: Pero , en cuanto a estilos... poco tiene que ver con esto : He seguido las instalaciones como dice la docu, este es mi ...
Avatar del usuario josanangel
  • 2,359
0 votos
0 respuestas
15 vistas

React - MUI | No encuentra los iconos

estaba probando la libreria MUI para react, y me he copiado un componente lista para ver como queda, asi tengo el app: import { List, ListItem,ListItemAvatar,Avatar,ListItemText } from "@mui/...
Avatar del usuario josanangel
  • 2,359
0 votos
0 respuestas
28 vistas

MUI themes in styled components

const theme = createTheme({ palette: { primary: { main: '#262C27', }, secondary: { main: '#ff0000', }, } }); export default theme; I have these themes and i would ...
Avatar del usuario Santiago Dopazo
2 votos
1 respuesta
232 vistas

Prevenir pasar de fila al presionar enter en x-data-grid mui/material

Tengo un x-data-grid de mui/material en modo editable, pero me gustaria que al actualizar una columna el foco se mantuviera en la misma fila. Alguien sabe si es posible? Demo de material: introducir ...
Avatar del usuario DoubleM
  • 1,251
0 votos
2 respuestas
146 vistas

Componente personalizado que tenga un campo de texto y un campo de selección usando React MUI

me gustaría crear un componente personalizado que pueda usar un campo de texto y un campo para seleccionar alguna opción usando React MUI, he buscado en la biblioteca pero no he encontrado nada, ...
Avatar del usuario fercoopat
1 voto
0 respuestas
49 vistas

¿Cómo sobreponer un icono en un card?

espero que estén bien, quisiera solicitar su ayuda mi pregunta es super sencilla, necesito obtener el siguiente resultado: y he llegado a este resultado: el codigo es el siguiente: {cardsText.map((...
Avatar del usuario Rafa
  • 174
1 voto
1 respuesta
159 vistas

Uncaught TypeError: comboSistemas.map is not a function

Tengo este componente de MUI, que alimento a través de una API. Para este requiero un objeto con llaves diferentes que se encuentran en el axios. Sin embargo, muestra los objetos y llaves en la ...
Avatar del usuario BRENDA TÉLLEZ
0 votos
0 respuestas
30 vistas

Como modificar codigo JSX para visualizar resultado con porcentaje aplicado en mis secciones de trabajo?

A la hora de visualizar mi resultado en la columna "Precio x Total" necesito poder aplicar el valor de % (% ganancia Repuesto). Actualmente se esta visualizando el valor total como unidad * ...
Avatar del usuario Lucio Berté
4 votos
2 respuestas
477 vistas

Limpiar Autocomplete MUI / React en evento change

Cuando el primer autocomplete se asigna un valor, hace una llamada a una API para popular el segundo Autocomplete. El problema es que si selecciono un valor del primero, selecciono uno del segundo (ya ...
Avatar del usuario Alberto Siurob
0 votos
1 respuesta
122 vistas

Radio button hace onchange cuando doy doble click

Tengo 2 radio button de MUI React, el que dice "Si" funciona perfecto al darle un solo click pero el que dice "No" hasta que le doy doble click, lo curioso es que si le doy un solo ...
Avatar del usuario Raul Antonio
0 votos
0 respuestas
90 vistas

No logro hacer funcionar un Radio Group con MUI y Formik

Tengo un formulario con useFormik en Next 13, y todo funciona bien excepto un radio button, visualmente no muestra cambios al hacer click en los checkbox. Mi componente inicial, hecho con styled ...
Avatar del usuario Agustin G.
  • 2,770
0 votos
1 respuesta
155 vistas

Delimitar ancho de Bottom Drawer en React

He estado indagando y no puedo encontrar un método para modificar/contener el ancho de un Drawer importado de Material UI (SwipeableDrawer). Mi idea era que este sea del tipo Bottom pero que no ocupe ...
Avatar del usuario Gus
  • 1
0 votos
1 respuesta
52 vistas

MUI (o Emotion?) me genera muchas etiquetas de estilo en Next.js

(no se si es un problema de MUI, de Emotion, de Webpack, de Next.js, de React... asi que no se bien como orientar la pregunta) Tengo un proyecto en next.js 12.2.5 y react 18.2.0. Entre las ...
Avatar del usuario Agustin G.
  • 2,770