Bilal-io / tailwind

πŸ”₯ A schematic that adds Tailwind CSS to Angular applications

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Angular Tailwind CSS Schematics

This schematic will add Tailwind CSS to your Angular application.

Angular Tailwind CSS Schematics

Usage

ng add @ngneat/tailwind

Usage with Nx

In Nx, you can either use nx add or ng add (same as above) to use the schematics.

nx add @ngneat/tailwind

Caveats

This schematic only works with Nx Workspace powered by AngularCLI at the moment. If you rely on Nx CLI with workspace.json, this schematic won't work correctly. This is due to some discrepancies between NxCLI helpers and AngularCLI helpers which are quite hard to combine. (Discussed here)

Purge

@ngneat/tailwind uses built-in purge functionality by tailwindcss (under the hood, it is postcss-purgecss). By default, @ngneat/tailwind sets the content to any HTML and any TS files in the project.

This behavior can be modified as the consumers see fit.

Contributors ✨

Thanks goes to these wonderful people (emoji key):


Chau Tran

πŸ’» πŸ“– πŸ€”

Netanel Basal

πŸ’» πŸ€”

Santosh Yadav

πŸ€” πŸ§‘β€πŸ«

This project follows the all-contributors specification. Contributions of any kind welcome!

About

πŸ”₯ A schematic that adds Tailwind CSS to Angular applications


Languages

Language:TypeScript 88.8%Language:JavaScript 11.2%