Skip to content

Instantly share code, notes, and snippets.

@javdl
Forked from wschenk/grid.js
Created January 22, 2018 08:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save javdl/1a4f356a5b492bf9b0c3eea537397a2c to your computer and use it in GitHub Desktop.
Save javdl/1a4f356a5b492bf9b0c3eea537397a2c to your computer and use it in GitHub Desktop.
create-react-app grid.js rmwc example
import React, {Component} from 'react'
import {
GridList,
GridTile,
GridTilePrimary,
GridTilePrimaryContent,
GridTileSecondary,
GridTileTitle } from 'rmwc'
class Grid extends Component {
render() {
return (
<GridList tileAspect={'1x1'} >
{Array(10).fill().map((val, i) => (
<GridTile key={i}>
<GridTilePrimary>
<GridTilePrimaryContent>
<img src="https://material-components-web.appspot.com/images/1-1.jpg" alt="test" />
</GridTilePrimaryContent>
</GridTilePrimary>
<GridTileSecondary>
<GridTileTitle>Tile {i + 1}</GridTileTitle>
</GridTileSecondary>
</GridTile>
))}
</GridList>
)
}
}
export default Grid
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment