ui-react/src/MenuBar.js

   1 /*-
   2  * ============LICENSE_START=======================================================
   3  * ONAP CLAMP
   4  * ================================================================================
   5  * Copyright (C) 2019 AT&T Intellectual Property. All rights
   6  *                             reserved.
   7  * ================================================================================
   8  * Licensed under the Apache License, Version 2.0 (the "License");
   9  * you may not use this file except in compliance with the License.
  10  * You may obtain a copy of the License at
  11  *
  12  * http://www.apache.org/licenses/LICENSE-2.0
  13  *
  14  * Unless required by applicable law or agreed to in writing, software
  15  * distributed under the License is distributed on an "AS IS" BASIS,
  16  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  17  * See the License for the specific language governing permissions and
  18  * limitations under the License.
  19  * ============LICENSE_END============================================
  20  * ===================================================================
  21  *
  22  */
  23 import React from 'react';
  24 import Navbar from 'react-bootstrap/Navbar';
  25 import Nav from 'react-bootstrap/Nav';
  26 import NavItem from 'react-bootstrap/NavItem';
  27 import NavDropdown from 'react-bootstrap/NavDropdown';
  28
  29
  30 class MenuBar extends React.Component {
  31         render () {
  32            return (
  33 <div>
  34 <Navbar bg="light" expand="lg">
  35   <Navbar.Brand href="#home">React-Bootstrap</Navbar.Brand>
  36   <Navbar.Toggle aria-controls="basic-navbar-nav" />
  37   <Navbar.Collapse id="basic-navbar-nav">
  38     <Nav className="mr-auto">
  39       <NavDropdown title="Dropdown" id="basic-nav-dropdown">
  40         <NavDropdown.Item href="#action/3.1">Action</NavDropdown.Item>
  41         <NavDropdown.Item href="#action/3.2">Another action</NavDropdown.Item>
  42         <NavDropdown.Item href="#action/3.3">Something</NavDropdown.Item>
  43       </NavDropdown>
  44     </Nav>
  45   </Navbar.Collapse>
  46 </Navbar>
  47
  48                 </div>
  49
  50
  51     );
  52   }
  53 }
  54
  55 export default MenuBar;