Question 1

What is ngx-tailwindcss?

Accepted Answer

ngx-tailwindcss is a highly customizable Angular component library designed for Tailwind CSS 4+. It provides 30+ components including Button, Card, Modal, Table, Tree, Timeline, and more, all styled with Tailwind CSS and fully customizable.

Question 2

How do I install ngx-tailwindcss?

Accepted Answer

Install using npm or pnpm: 'pnpm add @pegasus-heavy/ngx-tailwindcss'. Then configure Tailwind to scan the library by adding '@source "../node_modules/@pegasus-heavy/ngx-tailwindcss/**/*.mjs";' to your styles.css.

Question 3

Which Angular versions are supported?

Accepted Answer

ngx-tailwindcss supports Angular 19, 20, and 21. It uses standalone components and works seamlessly with zoneless change detection.

Question 4

Is ngx-tailwindcss accessible?

Accepted Answer

Yes! ngx-tailwindcss is WCAG compliant with proper ARIA attributes, keyboard navigation, and focus management built into every component.

Question 5

Can I customize the component styles?

Accepted Answer

Absolutely! Components support classOverride and classReplace props for per-instance customization, and global configuration via provideTwConfig() for app-wide theming. Since components use Tailwind CSS classes, they automatically inherit your Tailwind configuration.