A
Anonymous

Drawer Width - Copy this React, Mui Component to your project

Create a school management web app using react js and node js. create sidebar and header and main container section. Sidebar: Create Tabs for sidebar and subtab, like this. Tab : Overview, Tab : Teachers (subtabs : Manage Teacher and Create Teacher, All Teacher), Tab : Students (subtabs : Manage Students and Create Students, All Students), Tab : Exam (subtabs : Manage Students and Create Students, All Students), Tab : Notice (subtabs : Manage Students and Create Students, All Students), Tab : Messages (subtabs : Manage Messages and Create Messages, All Messages), Tab : Settings (subtabs : Manage Teacher and Create Teacher, All Teacher), Tab : Attendance, User Icon for every tabs Make this sidebar collapsible add a button in the top make this collapse. when sidebar collapse on icon are show in sidebar when user hover it menu and show their sub tabs. Make this design mobile friendly and make this responsive for both mobile and tablet. create header.for styling Material Ui Components.

Prompt
Component Preview

About

drawerWidth - Create a responsive, collapsible sidebar with tabs and subtabs for a school management app, professionally built with React and MUI. Start coding now!

Share

Last updated 1 month ago