Layouts
Shop Layout 4

Shop Layout 4

💡
Folder location: src/components/layouts/shop-layout-4

Examples

import ShopLayout4 from 'components/layouts/shop-layout-4'
 
export default function Layout({ children }) {
  const navigation = [
    {
      name: 'Grocery',
      icon: 'Grocery',
      path: '/furniture-3/products/grocery',
      children: [
        {
          name: 'Fruits & Vegetables',
          path: '/furniture-3/products/fruits-vegetables',
          children: [
            { name: 'Fruits', path: '/furniture-3/products/fruits' },
            { name: 'Vegetables', path: '/furniture-3/products/vegetables' },
          ],
        },
        {
          name: 'Diabetic Food',
          path: '/furniture-3/products/diabetic-food',
        },
      ],
    },
  ]
 
  return <ShopLayout4 navigation={navigation}>{children}</ShopLayout4>
}

Inside Components

Used

Props

NameTypeRequiredDefault
childrenReactNodeYes-
navigationReactNodeYes-