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)