Topics

Nuxt•5mo ago

Nuxt UI Icons

Can please someone explain to me how to use Nuxt UI Icons ??? The documentation says : Use the name prop by following this pattern: i-{collection_name}-{icon_name}. But for some reason is doesn't work for me. This is what im attempting to do:

<ULink to="/">
  <UIcon name="i-cib-facebook" />
</ULink>

<ULink to="/">
  <UIcon name="i-cib-facebook" />
</ULink>

And this is the icon i want to use: https://icones.js.org/collection/cib?s=face

5 Replies

Mr.Propre•5mo ago

I didn't read the full documentation

Mr.Propre•5mo ago

No description

Mr.Propre•5mo ago

i need to install the collection i want to use

Abstrucked.eth•4mo ago

Hi.. had the same issue at first

<ULink to="/">
  <UIcon name="i-cib-facebook" dynamic/>
</ULink>

<ULink to="/">
  <UIcon name="i-cib-facebook" dynamic/>
</ULink>

should do the trick

Mr.Propre•4mo ago

hope this post helped you out xd

Nuxt Community Chat Server

30KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

await useAsyncData in setup doesn't block navigationI want to wait until navigating to the next page until the store data has been fetched and set. I'm Debug dev server warmup speed & build speedIs there a way to debug the dev server warmup speed & build speed? Both of mine are very slow (80 se Intercepting RoutesHey dear NuxtCommunity! although I have experiences in React, I‘m pretty new to vue/nuxt. For a pr How too hook into a server response using Nuxt 3?I need to hook in the response of `/_ipx`. If the image is corrupted `/_ipx` will throw an error, be Hydratation issue using pinia store (stackblitz reproduction)I'm having an issue with SSR rendering using pinia store. Here the issue : https://stackblitz.com/e Shared types between server and vueWhere can I store zod schemas and types that will be used by both the backend and vue? (so that the Fetch method Not Allowed, but works in other clientsI need to do a GET to have a list, I need the authoritation with cookie. When I use Rest Client or T Next Auth Google Provider does not call the backend endpointI am currently working on integrating Google provider login functionality into my service, leveragin How to disable the nuxt-loading-enable-animation local storage ?my nuxt app sets this value in local storage: nuxt-loading-enable-animation = true How can I disabl Reactive Route Search Query ComposableDoes somebody have deeper experience with this? I am trying to implement a composable to reactively