From 7e030d5df2d29d9dfd69b59b683e00c802abf306 Mon Sep 17 00:00:00 2001 From: Isaac Mann Date: Thu, 8 Jun 2023 15:22:14 -0400 Subject: [PATCH] docs(angular): tailwind get started section --- ...sing-tailwind-css-with-angular-projects.md | 21 +++++++++++++++++-- 1 file changed, 19 insertions(+), 2 deletions(-) diff --git a/docs/shared/guides/using-tailwind-css-with-angular-projects.md b/docs/shared/guides/using-tailwind-css-with-angular-projects.md index da803e248d..a623d85c08 100644 --- a/docs/shared/guides/using-tailwind-css-with-angular-projects.md +++ b/docs/shared/guides/using-tailwind-css-with-angular-projects.md @@ -6,8 +6,25 @@ or new projects, and it also contains a set of our recommended setups for using can be found on an Nx workspace. For an in-depth look on this topic, be sure to check out our blog -post [Set up Tailwind CSS with Angular in an Nx workspace](https://medium.com/nrwl/set-up-tailwind-css-with-angular-in-an-nx-workspace-6f039a0f4479) -. +post [Set up Tailwind CSS with Angular in an Nx workspace](https://medium.com/nrwl/set-up-tailwind-css-with-angular-in-an-nx-workspace-6f039a0f4479). + +## Get Started + +To generate an Angular application or library with Tailwind CSS configured, add the `--add-tailwind` flag to the generate command: + +```shell +npx nx g @nx/angular:app my-app --add-tailwind +``` + +```shell +npx nx g @nx/angular:lib my-lib --buildable --add-tailwind +``` + +To add Tailwind to an existing project, run the [setup-tailwind](/packages/angular/generators/setup-tailwind) generator: + +```shell +npx nx g @nx/angular:setup-tailwind my-project +``` ## Tailwind CSS support by the Nx Angular plugin