Skip to content

NavigationMenu has no way to apply a tooltip. #4050

@nawazishali

Description

@nawazishali

Description

I was looking to implement tooltip for NavigationMenu links as it was available in the DashboardSidebarLinks component in v2. But seems like the feature is no longer present in v3.

https://ui2.nuxt.com/pro/components/dashboard-sidebar-links

Let me know if there is still a simple way to implement tooltips specially in the collapsed Sidebar. I don't wanna go down with the slots approach. It looks dirty.

Additional context

This is what I have to do in order to get it to work. I believe this should be part of Nuxt UI already.

<UNavigationMenu :collapsed="collapsed" :items="links" orientation="vertical">
  <template #item-leading="{ item }">
    <UTooltip :disabled="!collapsed" :text="item.label">
      <UIcon
        :name="item.icon || ''"
        class="text-dimmed group-hover:text-default size-5 shrink-0 transition-colors"
      />
    </UTooltip>
  </template>
</UNavigationMenu>

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestv3#1289

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions