markmead/hyperui

How to use components

Aniket1026 opened this issue · 6 comments

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 ✨

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

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

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

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

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

It was just mutual confusion nothing to be sorry 😊