Can you Help me related angular prime

[darksun0900]

I have an issue. I want to integrate Angular Prime (PrimeNG) into this project along with Tailwind CSS. I plan to use Angular Prime 19. Since your theme allows changing colors dynamically, I want PrimeNG components to follow the same color scheme. For example, if I change the color from the menu, the PrimeNG button should also update accordingly, along with other components.

Can you help me with a step-by-step guide on how to achieve this?"

Now, regarding implementation, do you want a detailed step-by-step guide on integrating PrimeNG 19 with Tailwind CSS, including theme customization and dynamic styling? below is link of prime ng https://primeng.org/installation

[lannodev]

Hi @darksun0900 👋
I think this is not possible. As you can see, PrimeNG uses specific classes for styling its components,
p-ripple, p-button, p-component, p-button-warn, etc...

PrimeNG Button Component

<p-button label="Warn" severity="warn" pc885="">
  <button pripple="" class="p-ripple p-button p-component p-button-warn" type="button" data-pc-name="button" data-pc-section="root" pc897="" pc898="">
    <span class="p-button-label ng-star-inserted" data-pc-section="label">Warn</span>
  </button>
</p-button>

My suggestion for you is not to try to integrate PrimeNG with Angular Tailwind but to implement a multi-theme strategy in PrimeNG.
There is a workshop that explains how to do this: https://www.protailwind.com/workshops/multi-theme-strategy or you can use this project as a template.