const Layout = () => { const { width, enableResize } = useResize(200); return ( <Drawer variant="permanent" open PaperProps={{ style: { width } }} > {drawer} <div style={{ position: absolute, width: '2px', top: '0', right: '-1px', bottom: '0', cursor: 'col-resize' }} onMouseDown={enableResize} /> </Drawer> )
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter