Theoderic_navigation_menu NPM

theoderic_navigation_menu

A very responsive navigation menu with a flexible layout, can be used with react-router, and it has the flexibility of using unlimited menu items, you can also position the menu Items using the seperator_index, you should it it a valud of 2.3, you can add backrground, change text color, increase font-size, change google fonts, and lots more

Install

npm install --save theoderic_navigation_menu

yarn add theoderic_navigation_menu

Usage

import React, { Component } from 'react'

import MyComponent from 'theoderic_navigation_menu'

class Example extends Component {
  render () {
    return (
      <MyComponent />
    )
  }
}

Flexible Usage

import React, { Component } from 'react'

import ExampleComponent from 'theoderic_navigation_menu'

export default class App extends Component {
  render () {
    return (
      <div>
        <ExampleComponent googleFont="Baumans" logo_link="https://www.sportradar.com/wp-content/themes/company-themes/sr-main3/img/sportradar-logo.svg" smallCaps={false} fontSize={14} logo_width={250} logo_height={130} fontColor="black" bgColor="white" seperator_index={2.3}>
        <li>Home</li>
       <li>About Us</li>
       <li>Products</li>
       <li>Who we are</li>
		</ExampleComponent>        
      </div>
    )
  }
}

Properties

logo_link: PropTypes.string,
logo_width: PropTypes.number,
logo_height: PropTypes.number,
fontSize: PropTypes.number,
fontColor: PropTypes.string,
fontStyle: PropTypes.string,
smallCaps: PropTypes.bool,
googleFont: PropTypes.string,
bgColor: PropTypes.string,
aligner: PropTypes.number,
seperator_index: PropTypes.number,