Preguntas con la etiqueta [material-ui]

La etiqueta no tiene orientación de uso.

Filtrar por
Ordenado por
Etiquetadas con
1 voto
0 respuestas
10 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 columna. Alguien sabe si es posible? Demo de material: ...
DoubleM's user avatar
  • 1,461
0 votos
2 respuestas
30 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, ...
fercoopat's user avatar
0 votos
0 respuestas
19 vistas

"Error 'Cannot set properties of undefined' al intentar actualizar el título de una lista en mi clon de Trello con React"

Estoy construyendo un clon de Trello utilizando React y Material-UI. En mi aplicación, estoy intentando permitir que los usuarios actualicen el título de una lista. Sin embargo, estoy encontrando un ...
Juan Marcos Kruppa's user avatar
0 votos
1 respuesta
25 vistas

Reactjs: ¿Cuál puede ser el motivo por el que el array que contiene un objeto inicial se setea a un array vacío al cargar el componente?

Estoy trabajando con Reactjs, Typescipt y componentes de MUI. He creado un filtro compuesto por un Autocomplete y un Slider. Este filtro tiene debajo un botón "Add" cuya función es ...
CatroVal's user avatar
1 voto
0 respuestas
18 vistas

Espacio blanco al abrir el collapse de una de las card en material ui

Tengo dos cards agrupadas de manera horizontal y cada vez que trato de desplegar el contenido de una card se abren las dos card pero una card con el collapse en blanco. La idea principal es que se ...
Andres Felipe Romero's user avatar
1 voto
1 respuesta
27 vistas

React & TS: Cómo pasar "backgoundColor" como prop en componente reutilizable ChipsArray usando el componente Chip de material

Tengo un componente ChipsArray que usa MaterialUI Chip. Todos los chips dentro de ChipsArray usan un color gris, pero hay una sección específica de la aplicación donde los chips deben usar un color ...
CatroVal's user avatar
0 votos
1 respuesta
12 vistas

¿Cómo puedo cambiar un FloatingActionButton de forma programática en Android?

Tengo definido un FloatingActionButton en Android con un icono por defecto. En el XML este es el botón: <com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton ...
A. Cedano's user avatar
  • 93.4k
0 votos
0 respuestas
70 vistas

Mi target.checked no cambia de true a false

Hola tengo un problema con un checkbox que tengo dentro de una tabla al momento de habilitarlo a deshabilitarlo no cambia de true a false, por otro lado cuando pongo mi CustomCheckbox fuera de la ...
troper's user avatar
  • 11
4 votos
2 respuestas
213 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 ...
Alberto Siurob's user avatar
0 votos
0 respuestas
27 vistas

¿Cómo puedo utilizar el el estado active de un Stepper de MaterialUI?

Estoy usando Stepper con MaterialUI y quiero cambiar el color de la línea dependiendo de si el paso está activo o no. Al step le doy el valor de true o false como se muestra en el siguiente código: &...
troper's user avatar
  • 11
0 votos
2 respuestas
291 vistas

porque no permite instalar la dependencia de material UI

Estoy tratando de instalar la libreria de material ui con el comando que viene en su documentacion pero en la terminal me esta mandando un error que puedo hacer para corregir ese error y poder ...
Carlos Alberto Báez Martínez's user avatar
0 votos
0 respuestas
94 vistas

¿Por qué no funciona LINK to="/" en mi React App?

El problema es el siguiente: Componente NAVLINKS: import { Box, ListItem, ListItemButton, ListItemIcon, Divider, } from "@mui/material"; import { Link } ...
Julian Nicolas Magra's user avatar
0 votos
1 respuesta
35 vistas

Mui: como cambiar el title color in a ImageListItemBar

Estoy intentand cambiar el color del titulo pero el editor me arrojo un error si lo hago de la siguiente forma. Intente hacerlo tambien poniendo directamente "color: "black"" pero ...
Noelia Caseres's user avatar
0 votos
0 respuestas
71 vistas

Clases css anidadas en Material UI

lo que he estado tratando de hacer es algo similar a lo que se suele hacer en css de que tu puedes anidar las clases para ir como que adentrandote en las clases y cambiando el estilo dependiendo de ...
Alfa Rojo's user avatar
  • 397
0 votos
1 respuesta
38 vistas

¿Por qué al usar NavLink pierdo los estilos?

Mi problema es el siguiente. Tengo un Button Group, pero cuando ya quiero agregar una redireccion (hacer útil el botón), se cambian todos los estilos, por unos default, o no se de donde salen. En ...
MatiST00's user avatar
  • 101
2 votos
2 respuestas
95 vistas

Cambiar formato a fecha

estoy recibiendo una fecha por medio de props, que viene de mi base de datos en mongo, la fecha viene de esta manera 2022-11-17T19:41:12.683Z Lo que necesito es que me salga en un formato tipo dd/mm/...
Rafael Monroy Rodriguez's user avatar
0 votos
0 respuestas
10 vistas

Como selecciono maxDate en la fecha de hoy sin que se deshabilite el botón de Next Month?

Estoy usando el staticDateRangePicker de MUI en un proyecto en React y no consigo que al usar el maxDate se deshabilite solo la fecha en el calendario y no el boton de Next Month. No me permite ir al ...
Judith's user avatar
  • 1
0 votos
1 respuesta
53 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 ...
Gus's user avatar
  • 1
0 votos
2 respuestas
170 vistas

¿Cómo justificar el contenido de un div al centro pero que su contenido esté a la izquierda?

Buen día comunidad, tengo un div como contenedor flex, dentro de este div tengo Cards, el asunto es que quiero que el div esté centrado mientras su contenido se mantiene a la izquierda, de momento ...
Alex Varela's user avatar
0 votos
0 respuestas
105 vistas

¿Cómo agregar el helpertext a un TextareaAutosize y Select de material ui react? (formik, yup)

Estaba estudiando react y para practicar estaba creando unos formularios con formik y material ui, estoy validando los datos con yup, pero tengo un problema al momento de crear un TextareaAutosize y ...
Omaro Aburto Leiva's user avatar
0 votos
1 respuesta
140 vistas

Problema al ingresar valores a campo TextField de Material Ui en NextJs, no funciona cuando onchange = setState

Soy algo nuevo en material ui y nextjs y tengo el siguiente problema: Cuando le agrego a la propiedad onChange de mi TextField la funcion setState para controlar el evento para que asi pueda trabajar ...
Franco Oviedo's user avatar
0 votos
0 respuestas
199 vistas

React/Material UI - Error al cargar datos de celdas en componente Form

Al consumir de una API local y cargar los datos en un DataGrid, tras hacer clic en cualquier celda independientemente de la fila/columna, se debe tomar los datos de toda la fila (id, name, etc) para ...
Martín LC's user avatar
0 votos
1 respuesta
124 vistas

Problema con useState() de React

La idea es que al presionar una celda de mi DataGrid se dispare un Dialog. Si bien se dispara y es mostrado, no se puede quitar. DataGrid.tsx: export default function Data(props: any) { const { ...
Martín LC's user avatar
1 voto
1 respuesta
61 vistas

Uso de estados - React

Lo que estoy intentando hacer es tras mapear un arreglo de objetos y plasmar sus datos en una tabla, al momento de hacer clic en el primer campo de cada fila realizar un envío de toda la información ...
Martín LC's user avatar
0 votos
1 respuesta
416 vistas

Material UI Dialog insert ID on Angular

estoy teniendo un problema con material ui en angular, al insertar un dialog no logro hacer que tome la id del elemento, probe con diferentes respuestas que encontre aca y hasta ahora no logro ...
Mariano's user avatar
  • 31
0 votos
1 respuesta
217 vistas

no puedo aplicar Material UI

Estoy aprendiendo React JS y tengo problemas en poder usar estilos de libreria MAterial UI instale segun la pagina: npm install @mui/material @mui/styled-engine-sc styled-components aunque cuando ...
Nam's user avatar
  • 71
0 votos
1 respuesta
32 vistas

Generar un código automático en un campo Textfield

Estoy creando un campo input textfield y me gustaria que en ese campo, en vez de ingresar un código manualmente, se genere automático de manera aleatoria. Alguna idea ? <h3>Agregar nueva ...
Nicolas Alejandro Tennett Tapi's user avatar
0 votos
0 respuestas
50 vistas

Multiple Select - Material UI No funciona correctamente cuando inicializo el data source

Tengo un Multiple Select, el cual contiene un MenuItem con un label y un checkbox. Cuando no inicializo el array objects el select funciona adecuadamente: Pero necesito inicializarlo de la siguiente ...
Carlos Francisco Aguilar's user avatar
1 voto
0 respuestas
344 vistas

Agregar Filas a una tabla con React

quiero hacer un efecto de expand - collapse pero no funciona, de hecjo en Firefox si funciona, pero en Chrome no se expande function Row({ item, ExpandData, headers }) { const [...
user75463's user avatar
  • 524
1 voto
2 respuestas
102 vistas

Skeleton no carga - React JS

Estoy intentando agregar el componente Skeleton de Material UI a mi proyecto de películas. Debería aparecer el Skeleton de cada card antes de mostrarse la misma, pero no está funcionando. Ustedes ...
Emilio Hurtado's user avatar
1 voto
0 respuestas
53 vistas

no se actualiza correctamente mi estado en React

Tengo un problema en mi formulario y es que el estado del mismo no se actualiza correctamente, se actualiza al escribir un caracter mas del input, por ejemplo: Tengo una función que valida que el ...
Nicolas Sarli's user avatar
0 votos
1 respuesta
818 vistas

como crear una paginacion con material en ui React

Estoy tratando de usar el componente paginacion de material ui en React pero no entiendo muy bien la documentacion, no se como seleccionar los items o objetos que se van a paginar. nisiquiera se como ...
Andres Mendez's user avatar
3 votos
1 respuesta
353 vistas

Error en React usando material UI

Soy nuevo en react y creando una App me encuentro con este error, que no se realmente cuál es y porqué ocurre. Espero alguien pueda ayudarme. Este es el error: findDOMNode is deprecated in StrictMode....
Andres Mendez's user avatar
0 votos
1 respuesta
523 vistas

¿Existe algo similar a background-image en NavBar de Material-UI con react?

Buenas noches estoy desarrollando un ToDo App en react con material-ui, y quiero que mi Navbar tenga una imagen de fondo, pero no encuentro una propiedad para hacerlo, ¿saben si existe alguna ...
Luis Angel López Santos's user avatar
0 votos
1 respuesta
267 vistas

Como puedo resolver problema de Sintaxis de MATERIAL UI en REACT JS

Resulta que estoy tratando de hacer un login usando el framework de css material ui en React. pero no se exactamente porque no funciona, me sale que tengo errores de sintaxis. quiero que el imput de ...
Andres Mendez's user avatar
1 voto
1 respuesta
329 vistas

Asignar defaultValue a Autocomplete de Material-UI ReactJs

Hola estoy utilizando el componente "Autocomplete" de Material-UI y no sé como poder asignarle a cada opción un value, queda como value el "tittle", como puedo hacer que el value ...
Javier's user avatar
  • 304
0 votos
1 respuesta
184 vistas

Como renderizar condicionalmente un componente con React.js y useContext

Estoy utilizando context para acceder a la data de una tabla, cuando seleccionas un elemento de la tabla su información se guarda en el context para luego renderizar la misma data en una tarjeta, el ...
Nvidia99's user avatar
1 voto
1 respuesta
2k vistas

Como enviar los datos de un componente a otro al hacer click en un botón. React.js

Tengo una consulta, tengo una tabla en la cual se muestran los resultados de la API de pokemon y lo que necesito es que al hacer click en un boton obtenga los datos de la fila, bueno hasta aquí todo ...
Nvidia99's user avatar
1 voto
2 respuestas
112 vistas

Se duplican los titulos al consumir una api

Estoy empezando con React y quiero consumir la API de pokemon, recibo ya los datos y los paso por una funcion map, luego por props le envio los datos a un componente donde tengo una tabla, la tabla ...
Nvidia99's user avatar
1 voto
1 respuesta
72 vistas

Alinear dos Typography al hacer la pantalla pequeña

Estoy intentando de alinear dos Typography cuando la pantalla se hace pequeña, estoy haciéndolo con grid, pero no logro hacer que los elementos suban. He intentado bajar las columnas de 12 a 6 pero ...
Nvidia99's user avatar
0 votos
0 respuestas
1k vistas

Material-UI, React, Cards del mismo tamaño

apenas estoy aprendiendo react y puede ser que por eso no tenga el conocimiento aun para hacer algo tan simple, y tengo la siguiente pagina, es un grid de material ui, con su card, se ve así: y ...
Edcr's user avatar
  • 1
0 votos
1 respuesta
268 vistas

como editar colores de tema claro y oscuro en material-ui

estoy sando material-ui en una app de react, el tema es que los colores de los temas light y dark no me convencen, quiero hacerlos mas claros y mas oscuros, como podria editar esos colores, tengo una ...
Enzo's user avatar
  • 121
1 voto
1 respuesta
627 vistas

Seleccionar y deseleccionar checkboxes en react js

Quiero agregar empresas a un determinado usuario. He logrado que al momento de seleccionar una empresa los datos se guarden dentro de un arreglo, pero al momento de deseleccionar me vuelve a guardar ...
Anna's user avatar
  • 21
1 voto
0 respuestas
89 vistas

boton dentro de un map aparece solo en la primera imagen

Tengo un componente el cual refleja las imágenes que el usuario esta a punto de subir al servidor, este es el componente encargado de manejar dicha logica: const Preview_image: FC<{ image: File[] }&...
Enzo's user avatar
  • 121
0 votos
1 respuesta
177 vistas

Card queda metido arriba en react con material ui

tengo dos formularios, uno al lado del otro y en la parte de arriba tengo un Card, pero me queda como metido en la parte de arriba y casi no se ve, ¿me podría ayudar por favor para que se vea completo?...
Jhon Hernández's user avatar
1 voto
1 respuesta
828 vistas

Error al obtener el valor de un autocomplete Material UI react

Tengo un formulario que necesito enviar por un metodo post, el problema es cuando quiero obtner el valor de un autocomplete en el metodo handleChange. Aqui mi código Este es el resultado que obtengo: ...
Huntzberger's user avatar
2 votos
1 respuesta
438 vistas

Como puedo poner dos tarjetas en una misma fila usando material-ui?

Como puedo poner dos tarjetas en una misma fila usando material-ui? Si lo pongo de la siguiente manera me aparece una tarjeta encima de otra... <Grid container direction="column" ...
Andres's user avatar
  • 197
0 votos
1 respuesta
1k vistas

¿Se puede hacer NavLink en el evento onClick de un Button?

Soy bastante nuevo en el uso de React y estoy desarrollado una plataforma web con Material UI. Estaba aprendiendo a enrutar mi página web con la react-route-dom y con el uso de BrowserRouter, Switch y ...
BugsAreEverywhere's user avatar
1 voto
1 respuesta
59 vistas

SyntaxError: C:\dev\portafolio-frontend\src\components\CardProject.js: Missing semicolon (18:21)

Buenas y gracias de antemano,no se porqué al querer implementar un background-image me sale un mensaje de error SyntaxError: C:\dev\portafolio-frontend\src\components\CardProject.js: Missing semicolon ...
Back2You's user avatar
2 votos
1 respuesta
645 vistas

¿Cómo validar formulario con un estado de objetos en reactjs?

intento validar mi formulario y he establecido en una constante dos valores: valor y ok. cuando ok este en true entonces el estado de error TextField se pasará en true. hasta ahí bien. el problema ...
César Desu's user avatar