Sidebar that closes and opens with a click on the hamburger icon

[Lucifer]

Hello Everyone,
I want to create a sidebar that opens and closes with a hamburger icon next to it and automatically adjusts the size of the navbar and content on the page next to it. Can anyone tell me how to approach this.
Any help is appreciated Thanks a lot

[jinnyzor]

Hello @Lucifer,

You could have a look at this and pull out what you need.

Sidebar with icons - expands on hover (and other cool sidebars)

Hey everyone, I wanted to share a minimal example of a cool side bar that @Sohibjon made. It shows just the icons, but when you hover over the sidebar, it expends to show the description and the link: [sidebar_expand_on_hover] import dash import dash_bootstrap_components as dbc from dash import html app = dash.Dash( __name__, suppress_callback_exceptions=True, external_stylesheets=[dbc.themes.MATERIA, dbc.icons.FONT_AWESOME], ) sidebar = html.Div( [ html.Div( …

[AIMPED]

More sources:

Expandable sidebar in plotly dash

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]