search

david-ui-org / david-ui-angular

The components library for enterprise-level projects based on Tailwind CSS and Angular.
https://david-ui-angular.com
MIT License
64 stars 9 forks source link

Styles missing when following installation doc #20

Open dave-vdg opened 1 month ago

dave-vdg commented 1 month ago

Hi, I came across this library and decided to give it a shot as it looks great!

Describe the bug I followed the installation process from https://www.david-ui-angular.com/docs/installation.

My project uses Angular 17.3.0, when using standalone components there is nothing mentioned how to import it into app.config.ts. I resolved this issue by checking this closed issue.

Other than that there were no compiling errors. So far so good.

When launching the app I am able to see the button, also the ripple effect is visible when clicking on it, but for some reason the style is missing.

I added the following paths to my styles.scss:

@import "../node_modules/david-ui-angular/styles/_styles.scss";
@import "@angular/cdk/overlay-prebuilt.css";

Also where do I need to add the tailwind.config.js file? Do I need to install tailwindUI seperately?

Expected behavior I am expecting to see the same styled button as shown in the docs.

Screenshots

Screenshot 2024-07-14 at 13 33 36

Desktop (please complete the following information):

dave-vdg commented 1 month ago

Okay after installing tailwindcss following this installation guide the css is working as expected.

Maybe it is a good idea to add this step to the docs :)