Sidebar menuitem panel material ui

Panel
1

Dear All,

how to create menu sidebar which can collapse and open when hover the icon in panel material ui as demonstrated in Lumen AI holoviz explorer page?

image
image500×839 6.32 KB

thanks

2

See here. It’s a simple rule that changes the width on hover:

PAGE_SX = {
    ".sidebar": {"transition": "width 0.2s ease-in-out"},
    ".sidebar:hover": {"width": "140px", "transitionDelay": "0.5s"},
}

pmui.Page(..., width=50, sx=PAGE_SX)