Advertisement
Guest User

Untitled

a guest
Aug 21st, 2017
59
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.65 KB | None | 0 0
  1. export class FunkyLayout extends React.Component {
  2. render() {
  3. let layoutItems = React.Children.toArray(this.props.children);
  4.  
  5. return (
  6. <Grid>
  7. <Row>
  8. <Col md={4}>
  9. <FunkyLayoutItem>
  10. {layoutItems[0]}
  11. </FunkyLayoutItem>
  12. </Col>
  13. <Col md={4}>
  14. <FunkyLayoutItem>
  15. {layoutItems[1]}
  16. </FunkyLayoutItem>
  17. </Col>
  18. <Col md={4}>
  19. <FunkyLayoutItem>
  20. {layoutItems[2]}
  21. </FunkyLayoutItem>
  22. </Col>
  23. </Row>
  24.  
  25. /* Two more identical rows */
  26.  
  27. </Grid>
  28. );
  29. }
  30. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement