SHARE
TWEET

Untitled

a guest Jun 26th, 2019 64 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <Grid container alignItems="stretch">
  2.  
  3.   <Grid item component={Card} xs>
  4.     <CardContent>
  5.        // Card A content
  6.     </CardContent>
  7.     <CardActions>
  8.       // Card A actions
  9.     </CardActions>
  10.   </Grid>
  11.  
  12.   <Grid item component={Card} xs>
  13.     <CardContent>
  14.       // Card B content
  15.     </CardContent>
  16.     <CardActions>
  17.       // Card B actions
  18.     </CardActions>
  19.   </Grid>
  20.  
  21.   <Grid item component={Card} xs>
  22.     <CardContent>
  23.       // Card B content
  24.     </CardContent>
  25.     <CardActions>
  26.       // Card B actions
  27.     </CardActions>
  28.   </Grid>
  29. </Grid>
  30.      
  31. const styles = const styles = {
  32. card: {
  33.     // Provide some spacing between cards
  34.     margin: 16,
  35.  
  36.     // Use flex layout with column direction for components in the card
  37.     // (CardContent and CardActions)
  38.     display: "flex",
  39.     flexDirection: "column",
  40.  
  41.     // Justify the content so that CardContent will always be at the top of the card,
  42.     // and CardActions will be at the bottom
  43.     justifyContent: "space-between"
  44.   }
  45. };
  46.      
  47. <Grid item component={Card} xs className={classes.card}>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top