Example)
react-responsive-animate-navbar (just a simple, flexible & completely customisable responsive navigation bar component.
Desktop Demo:
Responsive Demo:
Install
npm install --save react-responsive-animate-navbar
Usage
import React from "react";import ReactNavbar from "react-responsive-animate-navbar"; { return <ReactNavbar ="rgb(25, 25, 25)" ="https://svgshare.com/i/KHh.svg" = = /> ; }
Props
Property | Type | Default | Description |
---|---|---|---|
color |
string | "rgb(25, 25, 25)" | The Background of the navbar |
logo |
string | "https://svgshare.com/i/KHh.svg" | the SVG logo url. |
menu |
array | like the example | the route url. |
social |
array | like the example | the icons for social links. |
License
MIT © Nazeh-Taha