search

sek-consulting / solid-ui

Beautifully designed components. Built with Kobalte & corvu. Styled with Tailwind CSS.
https://www.solid-ui.com
MIT License
680 stars 25 forks source link

Unclear how to use the libary. #15

Closed philipp-strack closed 9 months ago

philipp-strack commented 9 months ago

Hello,

Thanks a lot for writing this library. One think that was unclear to me from the documentation is how to use it? Should I just copy the component, lib folder into my project? Thanks a lot for your help!

sek-consulting commented 9 months ago

Hi Philipp,

first of all thank you! We're currently working on a CLI for the components to make the install process easier but we don't know when it will be ready.

For the meantime just copy the components from the github/source directly into your project. Usually the path for this should be: "./src/components/ui/..." but if you set up your project differently just paste it into the directory where all your ui components are stored.

philipp-strack commented 9 months ago

Hi,

Thank you. Here is a set of instructions that worked for me and might be helpful to add to the documentation. Install,

1) tailwind, tailwind-merge, class-variance-authority, clsx 2) copy the components you want 3) copy tailwind.config.js, root.css to your source directory 4) import the root.css file to the app 5) Adjust the import paths in the components (I had to replace "~/" by "../../" to make things work

these instructions did not work completely as the spacing on the buttons is still off, both padding and margin are a bit off see attached screenshot. I am sure I missed something, please let me know if I should have done some things differently.