xxxxxxxxxx
Step 1 : ng add @ngneat/tailwind
Step 2 : mode --> select class
Step 3 : Tailwind directives & functions in component styles --> Yes
Step 4 : TailwindCSS plugins you want to enable : --> select forms and typography or all of them.
xxxxxxxxxx
#terminal
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init
#tailwind.config.js
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./src/**/*.{html,ts}",
],
theme: {
extend: {},
},
plugins: [],
}
#add directive to your css.
#styles.css
@tailwind base;
@tailwind components;
@tailwind utilities;
#Run your build with
ng serve
# There you go