Angular 11: Config Tailwind CSS with ng-zorro

Angular + tailwind css + ng-zorro
Angular + tailwind css + ng-zorro

Schematic tool

Steps

  1. run the following cmd to add this tool: ng add @ngneat/tailwind. It will prompt some options like dark mode, tailwind plug-in…etc. choose the default value would be enough to start.
  2. Done. that’s it, literally, as simple as it.

Extral step for ng-zorro

corePlugins: {preflight: false,}
  • add ng-zorro first and then tailwind CSS when you create a new project.

--

--

--

Front End developer, Angular and typescript

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Send and verify OTP using firebase cloud function in flutter.

Top 5 Nodejs trends: The great influencer of the tech industries in 2020

Top 5 Nodejs trends: The great influencer of the tech industries in 2020

Multido — Details of development

What JavaScript concepts you need to master JavaScript Frameworks & Libraries

koskii customer care number//7044966847**7044966847

Spline 3D interactive

Manual Migration from LEV to L2 Using MyCrypto/MEW

Introducing offline-first enablement for the Feathers framework

FeathersJS offline-first logo

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Leo Dai

Leo Dai

Front End developer, Angular and typescript

More from Medium

Adding Reveal.JS into your Angular TypeScript Application

Angular (loves) Reveal.js

Update Angular 10 to 13

How to open a new browser tab with Angular

Mutate a code like a boss — with Angular schematics