archive/Keyboard-Mechanizer
Archived
1
Fork 0
Code Releases Packages Activity

Moved side navbar to external component

Browse source
This commit is contained in:
Jake Howard 2015-11-04 08:37:37 +00:00
parent 495178659d
commit 12cbdbdfd8
2 changed files with 18 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/js/components/home.js
View file

@ -1,15 +1,13 @@
var React = require('react'); var React = require('react');
var NavSidebar = require('./nav-sidebar');
var Home = React.createClass({ var Home = React.createClass({
render: function () { render: function () {
return ( return (
<div className="container-fluid row"> <div className="container-fluid row">
<div className="col-xs-3"> <div className="col-xs-3">
<ul className="nav nav-pills nav-stacked"> <NavSideBar />
<li role="presentation" className="active"><a href="#">Settings</a></li>
<li role="presentation"><a href="#">Test</a></li>
<li role="presentation"><a href="#">About</a></li>
</ul>
</div> </div>
<div className="col-xs-9"> <div className="col-xs-9">
<h2>Title</h2> <h2>Title</h2>

15
src/js/components/nav-sidebar.js Normal file
View file

@ -0,0 +1,15 @@
var React = require('react');
var NavSidebar = React.createClass({
render: function () {
return (
<ul className="nav nav-pills nav-stacked">
<li role="presentation" className="active"><a href="#">Settings</a></li>
<li role="presentation"><a href="#">Test</a></li>
<li role="presentation"><a href="#">About</a></li>
</ul>
);
}
});
module.exports = NavSidebar;