theoderic_navigation_menu
v1.2.3
Published
A very responsive navigation menu easy to use and implement in react apps
Downloads
6
Readme
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,
License
MIT © onipetheoderic