Patricio Vargas
Software Engineer
Los Reyes del Perreo
devpato
devpato
Que es TailwindCSS?
Un framework de CSS lleno de clases ya predefinidas como grid, container, text-center y rotate-90 que se pueden componer para construir cualquier diseño, directamente en el HTML.
devpato
Ventajas de TailwindCSS
- Más tiempo para tu lógica de negocios
- Ya tienen las clases hechas para ti, solo combínalas
- Las clases de agregan en el HTML como cualquier clase de CSS
- Muy ligero
- Mobile first
- Extendible y modificable
- Usalo en la "vieja escuela"
- Extensión para tu IDE
devpato
Instala Tailwind en tu Angular app
- Schematic ngneat/tailwind - Angular <= 11.2.0
- El nuevo soporte en Angular >= 11.2.0
devpato
ngneat/tailwind
devpato
ng add @ngneat/tailwind
ngneat/tailwind
devpato
<body class="dark">
<app-root></app-root>
</body>@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';Index.html
styles.scss
Tailwind en Angular >= 11.2.0
devpato
Recursos
devpato
https://tinyurl.com/8az0bst3
Tutorial
Github Repo
https://tinyurl.com/1938633f
"El código limpio, el perreo sucio." - @LeonidasEsteban
devpato
Angular + TailwindCSS (Spanish)
By Patricio Vargas
