Saltar al contenido

material-ui cómo hacer que el tamaño de la cuadrícula sea más pequeño ejemplo de código

Investigamos en diferentes espacios para darte la solución para tu inquietud, si continúas con alguna pregunta puedes dejarnos tu inquietud y respondemos con gusto, porque estamos para ayudarte.

Ejemplo: reaccionar mui grid

//basic grid layoutimport React from'react';import makeStyles from'@material-ui/core/styles';import Paper from'@material-ui/core/Paper';import Grid from'@material-ui/core/Grid';const useStyles =makeStyles((theme)=>(
  root:
    flexGrow:1,,
  paper:
    padding: theme.spacing(1),//grid padding
    textAlign:'center',
    color: theme.palette.text.secondary,,));exportdefaultfunctionNestedGrid(){//export default allows for other modules to //import in the grid function. //create class based upon class outside of export default. const classes =useStyles();functionFormRow()return(//return renders the grid<React.Fragment><Grid item xs=4><Paper className=classes.paper>item</Paper></Grid><Grid item xs=4><Paper className=classes.paper>item</Paper></Grid><Grid item xs=4><Paper className=classes.paper>item</Paper></Grid></React.Fragment>);//end of function declaration/creation FormRow()//usage of formrow element. The declaration above doesn't run. <Grid container spacing=1><Grid container item xs=12 spacing=3><FormRow /></Grid><Grid container item xs=12 spacing=3><FormRow /></Grid><Grid container item xs=12 spacing=3><FormRow /></Grid></Grid>

Si piensas que te ha resultado provechoso este post, nos gustaría que lo compartas con el resto desarrolladores y nos ayudes a extender nuestro contenido.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *