N
Nuxt7mo ago
Kuuzoo

Some icons not working with the Nuxt UI Syntax

Hi there, I'm pretty new to Nuxt and Nuxt UI, but I wanted to start using the normal iconify icons with a component, but either i'm to stupid for the syntax or this icon just doesn't work. https://icones.js.org/collection/all?s=iconamoon+arrow+down+2&icon=iconamoon:arrow-down-2
<UDivider icon="i-iconamoon-arrow-down-2" />
<UDivider icon="i-iconamoon-arrow-down-2" />
5 Replies
IsraelOrtuno
IsraelOrtuno7mo ago
Maybe this helps? Docs say that you have to register the colleciton in advance https://ui.nuxt.com/getting-started/theming#collections
Nuxt UI
Theming - Nuxt UI
Learn how to customize the look and feel of the components.
IsraelOrtuno
IsraelOrtuno7mo ago
happened to me too and just found that
Kuuzoo
KuuzooOP7mo ago
I’ll have a look at it tomorrow, but just from the first look, this is a stupid system Or maybe not stupid, but it seems extremely not friendly. What is the idea of using iconify then? I normally use iconify, because I install one thing, and it works. Don’t want to install everything by hand? 😅😌
AGill
AGill7mo ago
I think it's to minimize bundle size
Nawi
Nawi7mo ago
try i:iconamoon-arrow-down-2
Want results from more Discord servers?
Add your server