Auto Expanded

This feature works only for CollapsibleSidebar

What’s it looks like

When your sidebar collapsed and user hovered on the sidebar (with auto-expanded enabled), the sidebar will automatically expand with the same width as uncollapsed state.

Take a look at Gmail clone and hover on the main sidebar.


To enable this feature, add autoExpanded: true in configuration (it is false by default)

scheme.configureEdgeSidebar(builder => {
    .create('primarySidebar', { anchor: 'left' })
    .registerPermanentConfig('md', {
      width: 256,
      collapsible: true,
      collapsedWidth: 64,
      autoExpanded: true,