ambitious-aqua
ambitious-aqua•2y ago

Adding component shadcn/ui to Refine

I was add refine with this configuration, I choose the headless UI, and then I was add component shadcn/ui to refine, but the style is not work, you can check this component https://ui.shadcn.com/docs/components/card
Card
Displays a card with header, content, and footer.
No description
No description
No description
12 Replies
kapa.ai
kapa.ai•2y ago
Hi @tjgeni. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- Hmm, I don't know enough to give you a confident answer yet. The information extracts provided do not contain specific details about integrating the shadcn/ui library with refine. However, refine is designed to work seamlessly with any custom designs or UI frameworks, so it should be possible to integrate shadcn/ui. You might want to check the documentation for both refine and shadcn/ui to see if there are any specific instructions or requirements for integrating the two. If you're still having trouble, it might be helpful to reach out to the support communities for both libraries. Here are some useful links: - Refine Documentation (https://refine.dev/docs) - Shadcn/UI Documentation (https://ui.shadcn.com/docs/components/card) ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
kapa.ai
kapa.ai•2y ago
<@526614763413831680> kapa.ai is still learning and improving, please let us how it did by reacting below
ambitious-aqua
ambitious-aquaOP•2y ago
yeah, i don't know why the style shadcn is not work @kapa.ai
kapa.ai
kapa.ai•2y ago
Let me check the knowledge base for you. One moment! :books: Sorry @tjgeni, I seem to be having a bit of trouble. Don't worry though, I've pinged my supprt and they will try to fix me up! :technologist: Perhaps try again in 15mins?
rival-black
rival-black•2y ago
if you give us reporoducible example, we are happy to debug. we cannot debug without seeing your project code
ambitious-aqua
ambitious-aquaOP•2y ago
oh okay, I upload to github.. wait
ambitious-aqua
ambitious-aquaOP•2y ago
hello @alicanerdurmaz .. you can clone to my repo https://github.com/tegarjgap/refine-test
GitHub
GitHub - tegarjgap/refine-test
Contribute to tegarjgap/refine-test development by creating an account on GitHub.
ambitious-aqua
ambitious-aquaOP•2y ago
thanks
rival-black
rival-black•2y ago
I added this to tailwind.config.js, its working now './@/**/*.{js,ts,jsx,tsx}' last one
content: [
'./pages/**/*.{ts,tsx}',
'./components/**/*.{ts,tsx}',
'./app/**/*.{ts,tsx}',
'./src/**/*.{ts,tsx}',
'./@/**/*.{js,ts,jsx,tsx}',
],
content: [
'./pages/**/*.{ts,tsx}',
'./components/**/*.{ts,tsx}',
'./app/**/*.{ts,tsx}',
'./src/**/*.{ts,tsx}',
'./@/**/*.{js,ts,jsx,tsx}',
],
rival-black
rival-black•2y ago
No description
ambitious-aqua
ambitious-aquaOP•2y ago
wow, cool.. thank a lot @alicanerdurmaz
rival-black
rival-black•2y ago
your welcome 🚀

Did you find this page helpful?