masspa-ecommerce-toolbar

Toolbar component for website

Install

npm install --save masspa-ecommerce-toolbar

Usage

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

Images

[image][image] [image]

License

MIT © thinktodo-dev