[Spike] Explore Backstage sidebar customisation options about backstage-showcase HOT 4 CLOSED

@invincibleJai I don't have an exact date but in the next few weeks. The implementation is currently happening.

from backstage-showcase.

Based on my exploration following are the observations:

• Menu items icon can be changed to any MUI icon that is required by the design.

import CatalogIcon from '@material-ui/icons/CategoryOutlined';

<SidebarItem icon={CatalogIcon} to="catalog" text="Catalog" />

• Buttons can be added to the sidebar.

<SidebarGroup label="Create" icon={<CreateComponentIcon />} to="create">
     <Button
        color="primary"
        variant="contained"
        startIcon={<CreateComponentIcon />}
        href="create"
        style={{
          marginLeft: '27px',
          marginRight: '27px',
          width: '168px',
          }}
        >
          Create
      </Button>
 </SidebarGroup>

Currently adding buttons as menu item with icons will not work the same way as the SidebarMenuItems works with expand collapse functionality ie showing only the icons when collapsed.

• Sub menu can be added for the menu items - https://backstage.io/storybook/?path=/story/layout-sidebar--sample-scalable-sidebar

<SidebarItem icon={PluginsIcon} text="Plugins">
    <SidebarSubmenu title="Plugins">
           <SidebarSubmenuItem
               icon={ExtensionIcon}
               to="openshift-image-registry"
               title="Image Registry"
             />
      </SidebarSubmenu>
  </SidebarItem>

• Existing expand/collapse button https://backstage.io/storybook/?path=/story/layout-sidebar--sample-scalable-sidebar can be placed beside any custom menu item but after collapsing the button is not shown in case disableExpandOnHover is added to the Sidebar.

@invincibleJai @gashcrumb @debsmita1 @jerolimov Let me know if I need to look at anything else here.

from backstage-showcase.

The configuration will come from the dynamic plugins. backstage/backstage#18372

from backstage-showcase.

Thanks @christophe-f for the input. Do you have insights on when this change will be available in Janus?

Thanks @divyanshiGupta , as we discussed good to understand with Configuration can we load any custom components and if there is some default set of components.

from backstage-showcase.