How do icons work in AuraUI, and can I use my own? #11
-
|
AuraUI components come with pre-integrated icons. Users often want to know if they are locked into one library. |
Beta Was this translation helpful? Give feedback.
Replies: 3 comments
-
|
By default, AuraUI is optimized for Lucide React due to its clean SVG structure and performance. However, since the code is in your local directory, you can replace any icon with your preferred library (like HugeIcons or FontAwesome) in seconds. Our CLI automatically detects if you have Lucide installed and handles the setup for you. |
Beta Was this translation helpful? Give feedback.
-
|
Yes, but with a specific approach. Since AuraUI components are interactive and use Framer Motion, they are marked with the "use client" directive. You can import them into any Server Component, and they will work perfectly. This ensures your data fetching stays on the server while your high-fidelity UI stays interactive on the client. |
Beta Was this translation helpful? Give feedback.
-
|
// tailwind.config.js |
Beta Was this translation helpful? Give feedback.
Yes, but with a specific approach. Since AuraUI components are interactive and use Framer Motion, they are marked with the "use client" directive. You can import them into any Server Component, and they will work perfectly. This ensures your data fetching stays on the server while your high-fidelity UI stays interactive on the client.