The naming convention for the classes make sense.You can always inspect the TailwindCSS classes in a website and see the actual CSS code :).Well supported by different tools like Vue and React.Use it the "old school" way by applying their styles into your CSS classes.You add their classes like you would with any CSS class.You will spend more time in your business logic rather than your CSS.
TailwindCSS allows you to customize their styles in a very easy way to create your own design systems. This will allow you to create and combine the classes to give your UI the aspect that you want. It comes with a set of utility classes(CSS classes). TailwindCSS is different than other CSS frameworks like Bootstrap. "A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup." - Tailwind team How does TailwindCSS work?
Making sure TailwindCSS is working in Angular. Installing TailwindCSS (Angular version = 11.2.0). YOU CAN SKIP THE 💩 AND GO STRAIGHT TO THE INSTALLATION STEPS Content This tutorial is for people that want to work with TailwindCSS in their Angular application with the new released version 11.2.0 (comes with native support for TailwindCSS now 😉) or with with older versions. This is a monorepo which contains many tools and packages: Tools ProjectĪngular PWA Angular CLI? Give our repo a star ⭐ ⬆️.In this tutorial, I'm going to show you how to integrate TailwindCSS to your Angular project the EZ EZ way. Join the conversation and help the community. Read through our developer guide to learn about how to build and test the Angular CLI locally. Please read and follow our Code of Conduct. Want to report a bug, contribute some code, or improve documentation? Excellent! Read up on our guidelines for contributing and then check out one of our issues labeled as help wanted or good first issue. Read through our contributing guidelines to learn about our submission process, coding rules and more. UpgradingĬheck out our upgrade guide to find out the best way to upgrade your project. Angular is cross-platform, fast, scalable, has incredible tooling, and is loved by millions.
0 kommentar(er)
