Nuxt•3mo ago

I have a problem understanding the docs nuxt ui

Someone can explain to me how "labelClass" works with an example of how it works as an illustration

3 Replies

netwrx•3mo ago

CSS classes…

Marc Oka•3mo ago

but how should I handle them? I tried to put tailwind classes but nothing happened

dwol•3mo ago

In your link array you can set any of those properties. For example:

const links = [{
  label: 'Profile',
  labelClass: 'Some class here',
  avatar: {
    src: 'https://avatars.githubusercontent.com/u/739984?v=4'
  },
  badge: 100
}, {
  label: 'Installation',
  icon: 'i-heroicons-home',
  to: '/getting-started/installation'
}, {
  label: 'Horizontal Navigation',
  icon: 'i-heroicons-chart-bar',
  to: `${route.path.startsWith('/dev') ? '/dev' : ''}/components/horizontal-navigation`
}, {
  label: 'Command Palette',
  icon: 'i-heroicons-command-line',
  to: '/components/command-palette'
}]

const links = [{
  label: 'Profile',
  labelClass: 'Some class here',
  avatar: {
    src: 'https://avatars.githubusercontent.com/u/739984?v=4'
  },
  badge: 100
}, {
  label: 'Installation',
  icon: 'i-heroicons-home',
  to: '/getting-started/installation'
}, {
  label: 'Horizontal Navigation',
  icon: 'i-heroicons-chart-bar',
  to: `${route.path.startsWith('/dev') ? '/dev' : ''}/components/horizontal-navigation`
}, {
  label: 'Command Palette',
  icon: 'i-heroicons-command-line',
  to: '/components/command-palette'
}]

Gaming

Programming

I have a problem understanding the docs nuxt ui