search

markmead / hyperui

Free Tailwind CSS components for application UI, ecommerce and marketing with support for dark mode, RTL and Alpine JS 🚀
https://hyperui.dev
MIT License
9.69k stars 378 forks source link

How to use components #376

Closed Aniket1026 closed 1 year ago

Aniket1026 commented 1 year ago

This issue is more likely a question regarding how to use HyperUI components in my projects? Is there any pre-requisites apart from setting up the tailwind configuration? Because i tried using the component and it looks different on my local when i tried using them

I tried using the alert component which looks like this

hyperUI-alert

but after copying the component on my local it appeared like this which is too big to fit the screen I copied the jsx version into my jsx file. Also i'm using react18 on my windows 10 device

my-alert

I don't know if something is missing from my side, please let me know Thank you ✨

markmead commented 1 year ago

Yeah, you're missing Tailwind CSS. This is a Tailwind CSS component library.

Aniket1026 commented 1 year ago

yes, i was aware of the fact that this requires tailwind. But yes i fixed it, the issue was with my tail config file

markmead commented 1 year ago

Sorry @Aniket1026, it really looked like you didn't have Tailwind CSS. What was wrong with the config?

Aniket1026 commented 1 year ago

I had tailwind installed but the issue was with my tailwind.config file which i fixed myself Sorry for the inconvenience @markmead

markmead commented 1 year ago

No you're all good @Aniket1026! Sorry for the bluntness in my first response.

Aniket1026 commented 1 year ago

It was just mutual confusion nothing to be sorry 😊