material ui ejemplo de código de diseño de dos columnas

Contamos con la mejor respuesta que hemos encontrado en todo internet. Nosotros queremos que te sea de ayuda y si puedes aportar algún detalle que nos pueda ayudar a mejorar hazlo libremente.

Ejemplo 1: material de diseño de cuadrícula de dos columnas ui

import Grid from'@material-ui/core/Grid'<Grid container><Grid item xs=6>...</Grid><Grid item xs=6>...</Grid></Grid>

Ejemplo 2: 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>

Te mostramos reseñas y puntuaciones

---

---

Utiliza Nuestro Buscador