This is a component of any kind backend application called sidebar.
- fork or clone this repository. then run this command.
1. npm i or npm install
2. npm run dev or yarn dev
after getting successful message, go to the project folder then open it with any kind of text editor like vs code, brackets, atom etc.
file structure.
- node-modules
- Components
- pages
- public
- styles
most important file is NavbarData.js
const sidenavData = [
{
name: "Dashboard",
matchPath: "/dashboard",
link:"/dashboard",
hasChild: false,
icon: MdDashboard,
toggleChild: false,
menuNumber: 1
},
{
name: "Products",
matchPath: "/products",
link:"/products",
hasChild: false,
icon: GrProductHunt,
toggleChild: false,
menuNumber: 2
},
{
name: "Business",
matchPath: "",
link:"",
hasChild: true,
icon: MdBusinessCenter,
toggleChild: false,
menuNumber: 3,
child:[
{
name: "Business Config",
matchPath: "/business-config",
link:"/business-config",
hasChild: false,
isChild:true,
icon: MdBusinessCenter
},
{
name: "About business",
matchPath: "/about-business",
link:"/about-business",
hasChild: false,
isChild: true,
icon: MdBusinessCenter
}
]
}
]
input your data on navbarData.js as like as NavbarData.js file of this repo. just change the link or name it will autometically change the sidebar data.