RS
REPLY Shippers

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

add: const SidebarMenu = () => { const [darkMode, setDarkMode] = useState(false); const [rightPanelOpen, setRightPanelOpen] = useState(false); return ( <StyledContainer darkMode={darkMode}> <StyledSpeedDial ariaLabel="Communication SpeedDial" icon={<SpeedDialIcon />} darkMode={darkMode} > <SpeedDialAction icon={<FiPhone />} tooltipTitle="Call" onClick={() => setRightPanelOpen(true)} /> <SpeedDialAction icon={<FiMessageCircle />} tooltipTitle="Chat" onClick={() => setRightPanelOpen(true)} /> <SpeedDialAction icon={<FiVideo />} tooltipTitle="Video Call" onClick={() => setRightPanelOpen(true)} /> <SpeedDialAction icon={<FiMail />} tooltipTitle="Email" onClick={() => setRightPanelOpen(true)} /> </StyledSpeedDial> </StyledContainer> ); };

Prompt
Component Preview

About

drawerWidth - Create a responsive drawer with EDI options like Dashboard and Settings. Built with React and MUI for seamless integration. Start coding now!

Share

Last updated 1 month ago