@seragam-ui/navbar
v1.0.4
Published
Navbar Component
Downloads
2
Readme
@seragam-ui/navbar
A Quick description of the component
Installation
yarn add @seragam-ui/navbar
# or
npm i @seragam-ui/navbar
How to use
Sample Navbar Data
const menuItem = [
{
href: 'menu-1',
text: 'Menu 1',
id: '#menu-1',
active: true,
},
{
href: 'menu-2',
text: 'Menu 2',
id: '#menu-2',
active: false,
},
{
href: 'menu-3',
text: 'Menu 3',
id: '#menu-3',
active: false,
},
]
const profileItem = [
{
href: 'menu-1',
text: 'Menu 1',
id: '#menu-1',
active: false,
},
]
Component Usage
import { Navbar } from '@seragam-ui/navbar'
const App = () => {
return (
<div>
<Navbar
username="Username here"
avatar="Url avatar here"
logoUrl="Url logo here"
menuItems={menuItem}
profileItems={profileItem}
logoId="ID logo here"
/>
</div>
)
}