Combining Angular Material & Tailwind CSS - Best of Both Worlds!

preview_player
Показать описание
#angular #material #tailwindcss

💖 Join my Patreon!

Playlist for the Angular Material Dashboard series

📽️ My courses:

✍️My blog for more free Angular posts:

In this video, discover how to effectively integrate Tailwind CSS with Angular Material in your Angular projects. Learn a step-by-step process to add Tailwind CSS, handle style conflicts, and customize typography by incorporating Angular Material colors into your Tailwind configuration.

Socials:

Sections
00:00 Introduction to Angular Material and Tailwind CSS
01:36 Setting Up Tailwind CSS in Angular
02:07 Configuring Tailwind with Angular Styles
03:02 Testing Tailwind Integration
03:57 Fixing Visual Artifacts
05:23 Inspecting Tailwind Integration
05:44 Adding Material Design Colors to Tailwind
07:16 Customizing Colors in Tailwind
08:19 Changing Typography and Fonts
10:25 Handling Tailwind CSS with Material Components
12:06 Conclusion and Next Steps
Рекомендации по теме
Комментарии
Автор

Haven't watched it yet, but I use both and love it. Never had any issues.

StephenMoreira
Автор

Fantastic tutorial!! Would be really neat to see Tailwind Build Optimization / Minification too ....

oleersoy
Автор

glad you made this! i did the exact same thing so I am glad both of us are on the same track LOL! i am waiting on renewal on pateron for 11/2 i canceld on the old one

DirtySouthT
Автор

Awesome primer on Tailwind CSS + Angular Material! I wonder how you would manage the conflicts when passing in props in the tailwind class. Would twMerge and CLSX work wirh Angular?

JianhuaX
Автор

Please teach us creating intrative UI from basic to advance

arunpanjiyar
Автор

I think PrimeNg is the best for Angular SCSS.

trymybest