Skip to content

Commit

Permalink
Add board component
Browse files Browse the repository at this point in the history
  • Loading branch information
nolan-m committed Jan 10, 2016
1 parent b896fc0 commit 2716cf8
Show file tree
Hide file tree
Showing 3 changed files with 26 additions and 2 deletions.
4 changes: 2 additions & 2 deletions App.js
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
import React from 'react';
import Card from './components/Card';
import Board from './components/Board';

var App = React.createClass ({
render(){
return (
<div>
<h1>Kanban</h1>
<Card task={'do some work'} />
<Board />
</div>
);
}
Expand Down
23 changes: 23 additions & 0 deletions components/Board.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
import React from 'react';
import Card from './Card';

var Board = React.createClass({
render: function(){
return (
<div style={this.styles.board}>
<Card task={'do some work'} />
</div>
);
},

styles: {
board: {
border: '1px solid black',
background: '#999',
padding: 15
}
}

});

export default Board
1 change: 1 addition & 0 deletions components/Card.js
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@ var Card = React.createClass({

styles: {
card: {
display: 'inline-block',
border: '1px solid black',
width: 250,
padding: 15,
Expand Down

0 comments on commit 2716cf8

Please sign in to comment.