Moved side navbar to external component
This commit is contained in:
parent
495178659d
commit
12cbdbdfd8
2 changed files with 18 additions and 5 deletions
|
@ -1,15 +1,13 @@
|
|||
var React = require('react');
|
||||
|
||||
var NavSidebar = require('./nav-sidebar');
|
||||
|
||||
var Home = React.createClass({
|
||||
render: function () {
|
||||
return (
|
||||
<div className="container-fluid row">
|
||||
<div className="col-xs-3">
|
||||
<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>
|
||||
<NavSideBar />
|
||||
</div>
|
||||
<div className="col-xs-9">
|
||||
<h2>Title</h2>
|
||||
|
|
15
src/js/components/nav-sidebar.js
Normal file
15
src/js/components/nav-sidebar.js
Normal 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;
|
Reference in a new issue