# Expandable sidebar in plotly dash **URL:** \ **Category:** Dash Python\ **Created:** [March 7, 2022, 6:10am UTC](https://community.plotly.com/t/expandable-sidebar-in-plotly-dash/61685 "2022-03-07T06:10:29Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![vnavdulov](https://avatars.discourse-cdn.com/v4/letter/v/59ef9b/32.png) [@vnavdulov](https://community.plotly.com/u/vnavdulov)\ **Post date:** [March 7, 2022, 6:10am UTC](https://community.plotly.com/t/expandable-sidebar-in-plotly-dash/61685/1 "2022-03-07T06:10:29Z")
Is there a way to create an expandable sidebar like this in plotly dash? It would expand on hover. I was thinking of doing a col with a modal, I have also seen the simple sidebar example. Thank you! ![image](https://us1.discourse-cdn.com/flex024/uploads/plot/original/3X/e/e/ee586e72d665cc81e972ea0206e47fe982006c21.png) ---
**Author:** ![tcbegley](https://avatars.discourse-cdn.com/v4/letter/t/46a35a/32.png) [@tcbegley](https://community.plotly.com/u/tcbegley)\ **Post date:** [March 7, 2022, 9:36am UTC](https://community.plotly.com/t/expandable-sidebar-in-plotly-dash/61685/2 "2022-03-07T09:36:39Z")
It’s possible but will require a little bit of custom CSS. Check out [this example](https://github.com/facultyai/dash-bootstrap-components/tree/main/examples/python/templates/multi-page-apps/collapsible-sidebar-with-icons) ---
**Author:** ![CNFeffery](https://avatars.discourse-cdn.com/v4/letter/c/d07c76/32.png) [@CNFeffery](https://community.plotly.com/u/CNFeffery)\ **Post date:** [March 7, 2022, 2:31pm UTC](https://community.plotly.com/t/expandable-sidebar-in-plotly-dash/61685/3 "2022-03-07T14:31:41Z")
You can try AntdSider + AntdMenu in my open source components library fac（feffery-antd-components）[feffery-antd-components在线文档](http://fac.feffery.tech/AntdLayout) , pretty easy😀 ![image](https://us1.discourse-cdn.com/flex024/uploads/plot/original/3X/7/3/73b7a1af243ace7bb1ffe57ffd6e6d59f87b0591.png) ![image](https://us1.discourse-cdn.com/flex024/uploads/plot/original/3X/8/8/88f46b383a4302fa7b4f940bf2fc585f719db7cf.png) ![demo](https://us1.discourse-cdn.com/flex024/uploads/plot/original/3X/c/9/c935b5113407e3b9698c233020fde2e4d8a53e7a.gif) ---
**Author:** ![vnavdulov](https://avatars.discourse-cdn.com/v4/letter/v/59ef9b/32.png) [@vnavdulov](https://community.plotly.com/u/vnavdulov)\ **Post date:** [March 7, 2022, 5:07pm UTC](https://community.plotly.com/t/expandable-sidebar-in-plotly-dash/61685/4 "2022-03-07T17:07:17Z")
Thank you! Ill check it out! Looks really cool ---
**Author:** ![vnavdulov](https://avatars.discourse-cdn.com/v4/letter/v/59ef9b/32.png) [@vnavdulov](https://community.plotly.com/u/vnavdulov)\ **Post date:** [March 7, 2022, 5:10pm UTC](https://community.plotly.com/t/expandable-sidebar-in-plotly-dash/61685/5 "2022-03-07T17:10:08Z")
Thank you! I’ll play around with it, ill see if I can get to the state of a working product. I figured there might already be some dbc component I’m just aware of. ---
**Author:** ![tphil10](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/tphil10/32/19868_2.png) [@tphil10](https://community.plotly.com/u/tphil10)\ **Post date:** [March 8, 2022, 12:53am UTC](https://community.plotly.com/t/expandable-sidebar-in-plotly-dash/61685/6 "2022-03-08T00:53:09Z")
This can also be done using dash-boostrap-components and mantine libraries [https://dash-bootstrap-components.opensource.faculty.ai/docs/components/offcanvas/](https://dash-bootstrap-components.opensource.faculty.ai/docs/components/offcanvas/) > **[Drawer](https://dash-mantine-components.herokuapp.com/components/drawer)** > > Drawer And one i didn’t even know existed from the makers of dash-extensions [https://negomi.github.io/react-burger-menu/](https://negomi.github.io/react-burger-menu/) ---
**Author:** ![vnavdulov](https://avatars.discourse-cdn.com/v4/letter/v/59ef9b/32.png) [@vnavdulov](https://community.plotly.com/u/vnavdulov)\ **Post date:** [March 8, 2022, 5:23am UTC](https://community.plotly.com/t/expandable-sidebar-in-plotly-dash/61685/7 "2022-03-08T05:23:46Z")
Oh, this is awesome! Thank you! ---
**Author:** ![absolutely](https://avatars.discourse-cdn.com/v4/letter/a/53a042/32.png) [@absolutely](https://community.plotly.com/u/absolutely)\ **Post date:** [February 21, 2023, 11:38am UTC](https://community.plotly.com/t/expandable-sidebar-in-plotly-dash/61685/8 "2023-02-21T11:38:50Z")
Hi, stumbled upon this great contribution. Many Thanks. Being very Python, and not so React/JS, I have no idea how to integrate this amazing “react-burger-menu” within my dash application. Could you please suggest some insights ? It seems you could use `from dash-extensions import Burger` at some point, but this does not appear to be the case anymore in the current version…