https://github.com/bdbose/responsive-navbar-react

responsive-navbar-react
https://github.com/bdbose/responsive-navbar-react

css javascript react react-library

Last synced: about 1 month ago
JSON representation

responsive-navbar-react

• Host: GitHub
• URL: https://github.com/bdbose/responsive-navbar-react
• Owner: bdbose
• Created: 2021-05-13T19:35:26.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-05-13T19:36:32.000Z (over 3 years ago)
• Last Synced: 2024-10-10T13:47:47.861Z (about 1 month ago)
• Topics: css, javascript, react, react-library
• Language: JavaScript
• Homepage: https://bdbose.github.io/responsive-navbar-react/
• Size: 5.26 MB
• Stars: 6
• Watchers: 1
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# responsive-navbar-react

[![NPM](https://img.shields.io/npm/v/responsive-navbar-react.svg)](https://www.npmjs.com/package/responsive-navbar-react) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash

npm install --save responsive-navbar-react

```

## Example



## Usage

```jsx

import React from 'react'

import { Navbar } from 'responsive-navbar-react'

import 'responsive-navbar-react/dist/index.css'

const Home = () => {

  const props = {

    items: [

      {

        text: 'Home',

        link: '/'

      },

      {

        text: 'Doc',

        link: '#docs'

      },

      {

        text: 'Custom',

        link: '#custom-bar'

      },

      {

        text: 'Contact',

        link: '#contact'

      }

    ],

    logo: {

      text: 'Responsive Navbar React'

    },

    style: {

      barStyles: {

        background: '#444'

      },

      sidebarStyles: {

        background: '#222',

        buttonColor: 'white'

      }

    }

  }

  return 

}

```

More Documentation is at : https://bdbose.github.io/responsive-navbar-react

## License

MIT © [bdbose](https://github.com/bdbose)