Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

add tooltip to sidebar nav link #36

Closed
agdolla opened this issue Sep 18, 2018 · 3 comments
Closed

add tooltip to sidebar nav link #36

agdolla opened this issue Sep 18, 2018 · 3 comments

Comments

@agdolla
Copy link

agdolla commented Sep 18, 2018

Is it possible to add tooltip to a sidebar nav link ?

@xidedix
Copy link
Member

xidedix commented Mar 13, 2020

As a workaround you can add the html title attribute to src/app/_nav.ts like this:

  {
    name: 'Dashboard',
    url: '/dashboard',
    icon: 'icon-speedometer',
    attributes: { title: 'Dashboard tooltip'}
  },

@xidedix xidedix closed this as completed Mar 13, 2020
@kevinashworth
Copy link

kevinashworth commented Mar 13, 2020

? Per https://github.com/coreui/coreui-free-react-admin-template/blob/master/src/_nav.js, the necessary syntax is actually this:

{
      title: true,
      name: 'Theme',
      wrapper: {
        element: 'a',
        attributes: { title: 'Dashboard tooltip' }
      }
},

@xidedix
Copy link
Member

xidedix commented Mar 13, 2020

@kevinashworth
you are right for sidebar-nav title element (when title: true)
in this case, title is wrapped with <a> element

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants