Navbar.js 873 B

12345678910111213141516171819202122232425262728
  1. import React from 'react';
  2. import { Link } from 'react-router-dom';
  3. class Navbar extends React.Component {
  4. render() {
  5. return (
  6. <div className="navbar-fixed">
  7. <nav className="light-blue lighten-1" role="navigation">
  8. <div className="nav-wrapper">
  9. <Link id="logo-container" to="/" className="brand-logo">
  10. <span className="icon-library" />
  11. </Link>
  12. <ul className="right hide-on-med-and-down">
  13. <li><Link to="/about">About</Link></li>
  14. </ul>
  15. <ul id="nav-mobile" className="side-nav">
  16. <li><Link to="/about">About</Link></li>
  17. </ul>
  18. <a href="#" data-activates="nav-mobile" className="button-collapse"><i className="material-icons">menu</i></a>
  19. </div>
  20. </nav>
  21. </div>
  22. );
  23. }
  24. }
  25. export default Navbar;