Atlaskit Side navigation with NestableNavigationContent not working

Jira Development Jira Cloud
, ,
1

I’m trying to use atlaskit side navigation component, it’s returning only Sidenav header “SampleHeader”, menu is not returning. Anyone one cloud help me to use this component with nesteble and drag and drop functionality. PFA

  <SideNavigation label="project">
    <NavigationHeader>
      SampleHeader
    </NavigationHeader>
    <NestableNavigationContent>
      <NestingItem
        id="1"
        iconBefore={<RBDIcon label="" />}
        title="Draggable <ButtonItem/>s"
      >
        <HeadingItem>
          Click and drag the items below to rearrange
        </HeadingItem>
        <ADragDropView
          items={generateDraggableButtonItems(10)}
        ></ADragDropView>
      </NestingItem>
      <NestingItem
        id="2"
        iconBefore={<RBDIcon label="" />}
        title="Draggable <CustomItem/>s"
      >
        <HeadingItem>
          Click and drag the items below to rearrange
        </HeadingItem>
        <ADragDropView items={generateDraggableCustomItems(10)} />
      </NestingItem>
      <NestingItem id="3" iconBefore="🐱" title="Draggable Cats">
        <HeadingItem>
          Click and drag the items below to rearrange
        </HeadingItem>
        <ADragDropView items={generateDraggableCats()} />
      </NestingItem>
    </NestableNavigationContent>
  </SideNavigation>

, refs link Atlaskit component

2

Hey @ParvinPattan happy to help, would you be able to send us a codesandbox reproduction of your code? It’ll make it easier for us to diagnose what’s going wrong :blush: