Tailwind CSS v2.0 | Forms Plugin

Veröffentlicht am: 23 November 2020
auf dem Kanal: codewithchu

8,409

155

With Tailwind Css v2.0 a new forms plugin was released to normalize & reset forms styles. This provides us a good base for our forms styles to add TailwindCss utility classes.

We'll build out a quick login form with the new Forms plugin and take a look at several other v2.0 features.

-Extended Palette
-Focus Ring
-Extended Variant
-using our Variants with @apply
-Darkmode.

@tailwindcss/forms
https://github.com/tailwindlabs/tailw...

Github Source
https://github.com/codewithchu/tailwi...

Video Sections:
00:00 - Overview
01:38 - Setup Project
02:40 - Configure Tailwind Config
04:34 - Setup HTML Markup
04:59 - Apply Utility Classes
08:18 - Focus Ring
09:38 - Extend Variant
12:00 - Bonus Convert to Dark Mode
15:11 - Build for Production
15:50 - Outro

Subscribe and Learn to Code w/ Chu
   / @codewithchu

Tailwind v1 Tutorial Series
   • Tailwind Css v1 Tutorial Series

Resources
--------------------------------------------------------------
TailwindCss - https://tailwindcss.com/
NodeJs - .https://nodejs.org/
VScode - https://code.visualstudio.com/

Connect with Code With Chu
--------------------------------------------------------------
https://arthurchu.ca
  / codewithchu
  / codewithchu
  / codewithchu
https://github.com/codewithchu/

Auf dieser Seite können Sie das Online-Video Tailwind CSS v2.0 | Forms Plugin mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer codewithchu 23 November 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 8,409 Mal angesehen und es wurde von 155 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

12,487

385