1- ## React MUI Sidebar
1+ ## React MUI Sidebar
22
3- React MUI Sidebar helps to create side Navigation. ( with Typescript )
3+ React MUI Sidebar helps to create side Navigation.
44
55# Live Demo
66
@@ -24,9 +24,6 @@ To install react mui sidebar npm package
2424 npm i react-mui-sidebar
2525```
2626
27- ## Note
28- if you are using NextJs then add 'use client' at top.
29-
3027## Issues
3128
3229For any Issues, create new issue on https://github.com/adminmart/react-mui-sidebar/issues
@@ -37,19 +34,18 @@ For any Issues, create new issue on https://github.com/adminmart/react-mui-sideb
3734import React from " react" ;
3835
3936import { Sidebar , Menu , MenuItem , Submenu , Logo } from " react-mui-sidebar" ;
40- import AccessAlarms from " @mui/icons-material/AccessAlarms" ;
41- import CottageOutlinedIcon from ' @mui/icons-material/CottageOutlined' ;
37+
4238const App = () => {
4339 return (
4440 < Sidebar width= {" 270px" }>
4541 < Logo img= " https://adminmart.com/wp-content/uploads/2024/03/logo-admin-mart-news.png" >
4642 AdminMart
4743 < / Logo>
4844 < Menu subHeading= " HOME" >
49- < MenuItem icon = { < CottageOutlinedIcon / > } link= " /" badge= { true } > { /* Set badge to boolean true */ }
45+ < MenuItem link= " /" badge= " true" >
5046 Modern
5147 < / MenuItem>
52- < MenuItem icon = { < AccessAlarms / > } > eCommerce< / MenuItem>
48+ < MenuItem> eCommerce< / MenuItem>
5349 < MenuItem> Analytical< / MenuItem>
5450 < / Menu>
5551 < Menu subHeading= " APPS" >
@@ -153,14 +149,6 @@ export default App;
153149| :---- | :------- | :--------- | --------------------------- |
154150| ` img ` | ` string ` | ` Logo url ` | set the logo of the sidebar |
155151
156- #### User Profile LogOut Api Reference
157-
158-
159- | Props | Type | Default | Description |
160- | :----------| :--------- | :--------- | --------------------------- |
161- | ` onLogout ` | ` function ` | ` void ` | set the Logout function on click |
162-
163-
164152## Contributing
165153
166154Contributions are always welcome!
0 commit comments