I have a panel bar being used as mobile navigation for URLs. It's a hierarchical setup so the child items will navigate, but not the root items which also have navigation landing pages. A longer click would be ideal, or a double click.

PanelBarItem panelBarItem = new()
{
  Id = menuItem.PageId,
  Text = menuItem.PageTitle,
  ParentId = menuItem.PageChildId,
  HasChildren = menuItem.HasChildren,
  Url = menuItem.PageURL,
  Icon = menuItem.Icon
};

<TelerikDrawer @ref="@Drawer"
               Data="@DrawerData"
               MiniMode="false"
               Mode="@DrawerMode.Overlay"
               Class="DrawerClass"
               @bind-Expanded="@IsDrawerOpen">
  <Template>
    <TelerikPanelBar Data="@PanelBarItems" ExpandMode="PanelBarExpandMode.Single" OnItemClick="@PanelBarClickHandler">
      <PanelBarBindings>
        <PanelBarBinding>
          <HeaderTemplate Context="PanelBarContext">
           @{
              var item = PanelBarContext as PanelBarItem;
              <b>@item?.Text</b>
            }
          </HeaderTemplate>
        </PanelBarBinding>
      </PanelBarBindings>
    </TelerikPanelBar>
  </Template>
</TelerikDrawer>