Mobile nav react npm

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

Source: npmjs.com

Mobile nav react npm

import React from "react";
import ReactNavbar from "react-responsive-animate-navbar";
class Example extends Component { 
  render() {   
    return (     
      <ReactNavbar  
      color="rgb(25, 25, 25)"  
      logo="https://svgshare.com/i/KHh.svg"   
      menu={[          { name: "HOME", to: "/" }, 
  	  { name: "ARTICLES", to: "/articles" },         
      { name: "ABOUT ME", to: "/about" },          
      { name: "CONTACT", to: "/contact" },        
       ]}        social={[          
       {            
         name: "Linkedin",           
         url: "https://www.linkedin.com/in/nazeh-taha/",           
         icon: ["fab", "linkedin-in"],          },         
        {           
           name: "Facebook",           
          url: "https://www.facebook.com/nazeh200/",           
          icon: ["fab", "facebook-f"],          },        
            {            
              name: "Instagram",           
              url: "https://www.instagram.com/nazeh_taha/",         
              icon: ["fab", "instagram"],          },        
                         {            name: "Twitter",           
                          url: "http://nazehtaha.herokuapp.com/",          
                          icon: ["fab", "twitter"],          },        ]}
/>    );  }}

Source: npmjs.com

Similar codes

0 vote385 views1 answer
React infinte scroll
Javascript React
0 vote450 views1 answer
Get size of a View in React Native
Javascript React
69 votes401 views6 answers
React route
Javascript React
0 vote395 views1 answer
Reading state react
Javascript React
0 vote349 views1 answer
Array of refs react
Javascript React
0 vote464 views1 answer
Scroll down react js typescript
Javascript React
0 vote399 views1 answer
Error: Error: Unable to resolve module `react-native-gesture-handler` from `node_modules\@react-navigation\native\lib\module\Scrollables.js`: react-native-gesture-handler could not be found within the project.
Javascript React
0 vote421 views1 answer
Swap scroll right in react native
Javascript React
0 vote404 views1 answer
React js date ago
Javascript React
0 vote378 views1 answer
React custom hook refetch data
Javascript React