mobile nav react npm

1import React from "react";
2import ReactNavbar from "react-responsive-animate-navbar";
3class Example extends Component { 
4  render() {   
5    return (     
6      <ReactNavbar  
7      color="rgb(25, 25, 25)"  
8      logo="https://svgshare.com/i/KHh.svg"   
9      menu={[          { name: "HOME", to: "/" }, 
10  	  { name: "ARTICLES", to: "/articles" },         
11      { name: "ABOUT ME", to: "/about" },          
12      { name: "CONTACT", to: "/contact" },        
13       ]}        social={[          
14       {            
15         name: "Linkedin",           
16         url: "https://www.linkedin.com/in/nazeh-taha/",           
17         icon: ["fab", "linkedin-in"],          },         
18        {           
19           name: "Facebook",           
20          url: "https://www.facebook.com/nazeh200/",           
21          icon: ["fab", "facebook-f"],          },        
22            {            
23              name: "Instagram",           
24              url: "https://www.instagram.com/nazeh_taha/",         
25              icon: ["fab", "instagram"],          },        
26                         {            name: "Twitter",           
27                          url: "http://nazehtaha.herokuapp.com/",          
28                          icon: ["fab", "twitter"],          },        ]}
29/>    );  }}

1npm install --save react-responsive-animate-navbar