6 Replies
Hi @初九. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
I don't see specific information about HeroUI integration with Wasp in the provided knowledge sources. Wasp supports several styling approaches, but there's no direct mention of HeroUI.
For styling in Wasp, the documentation shows support for:
1. Tailwind CSS - You can enable it by adding
tailwind.config.cjs and postcss.config.cjs files to your project root Tailwind CSS in Wasp
2. Global CSS - You can import CSS files in your JS files, though this is noted as "not very elegant" in one of the GitHub issues
3. Styled-components - There's a mention of using styled-components in one of the example apps
If you're trying to use HeroUI and styles aren't appearing, you might need to:
1. Make sure you've properly installed and configured the UI library
2. Check if you need to restart your Wasp app with wasp start after adding configuration files (as mentioned for Tailwind)
3. Verify that your CSS imports are correct
For community solutions, there's a gist for shadcn/ui integration that might be helpful as a reference for other UI libraries: https://gist.github.com/infomiho/b35e9366e16913949e13eaba0538f553
If you need more specific help with HeroUI integration, you might want to check the Wasp Discord community or GitHub issues for similar integration examples.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------
Sorry @初九, I seem to be having a bit of trouble. Don't worry though, I've pinged my support and they will try to fix me up! :technologist:
Perhaps try again in 15mins?Hey @初九 the issue probably concerns the path aliases. I assume it's a similar issue to ShadCN UI so I'll ping @miho here --> https://www.heroui.com/docs/guide/installation
Installation
Get started with HeroUI in the official documentation, and learn more about all our features!
Can you share your tailwind.config.cjs contents?
this my tailwind.config.cjs
You need to wrap all of the glob strings in the
content array with resolveProjectPath, let me know if that fixes things for youThanks! The problem has been solved:salute_right: