blocklancer.git
Version:
Freelancer React Job Board using Bot and Blockchain Technology
43 lines (41 loc) • 1.28 kB
JavaScript
import React, { Component } from 'react';
import { Nav, Navbar, NavItem, NavDropdown, MenuItem } from 'react-bootstrap';
class NavBar extends Component {
render() {
return (
<Navbar inverse collapseOnSelect>
<Navbar.Header>
<Navbar.Brand>
<a href="#brand">React-Bootstrap</a>
</Navbar.Brand>
<Navbar.Toggle />
</Navbar.Header>
<Navbar.Collapse>
<Nav>
<NavItem eventKey={1} href="#">
Home
</NavItem>
<NavItem eventKey={2} href="#">
Candidate
</NavItem>
<NavDropdown eventKey={3} title="Dropdown" id="basic-nav-dropdown">
<MenuItem eventKey={3.1}>Candidate List</MenuItem>
<MenuItem eventKey={3.2}>Candidate Detail</MenuItem>
<MenuItem divider />
<MenuItem eventKey={3.3}>Candidate Dashboard</MenuItem>
</NavDropdown>
</Nav>
<Nav pullRight>
<NavItem eventKey={1} href="#">
Sign Up
</NavItem>
<NavItem eventKey={2} href="#">
Login
</NavItem>
</Nav>
</Navbar.Collapse>
</Navbar>
);
}
}
export default NavBar;