Toolbar component for website
npm install --save masspa-ecommerce-toolbar
import React from 'react'
import EcommerceToolbar from 'masspa-ecommerce-toolbar'
import 'masspa-ecommerce-toolbar/dist/index.css'
const menus = [
{
name: 'Sign in',
url: '/sign-in'
},
{
name: 'My account',
url: '/sign-in'
},
{
name: 'Check out',
url: '/check-out'
},
{
name: 'Compare',
url: '/compare'
}
]
const search = (value) => {
console.log('You are searching: ' + value)
}
const clickToggleBar = () => {
console.log('Implement when click on toggle bar icon on mobile screen')
}
const App = () => {
return (
<EcommerceToolbar
logo='https://pagebuilder.apollotheme.com/leo_beautique_demo/img/leo-beautique-logo-1585129254.jpg'
search={search}
clickToggleBar={clickToggleBar} // Implement when click on toggle bar icon on mobile screen
cart={10}
heart={5}
dropDownMenus={menus}
color={'#eb8092'}
bgColor={'#ffffff'}
/>
)
}
export default App
MIT © thinktodo-dev