Add Variants and Loading to your Button! Build a React Component Library with Tailwind CSS & Next.js

Keep your Tailwind CSS code hinting with this snippet. Add it to your VS Code `settings.json`:

"tailwindCSS.experimental.classRegex": [
["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
]

Sorry, I totally forgot to mention this!! Shame on me, lol.

tailwind merge is fun until you add something custom in your config, then god bless you

Obviously American, but there's an accent creeping in here. Secret Brit? :)

hello friend, do you have a tutorial on how to create a saaS from scratch with roles in Next.js

Can you make a tutorial teaching people how to set up an initial style guide for a project based of a Figma design / spec?

No. Show us the code where you use the variants

Hey Ethan huge thanks for all these tutorials!
Since you do you tutorials with App Directory it would be really useful if you could demonstrate Routing features of App router like parallel routing, intercepting routing and all that staff along with role based access to these routes if possible!
Anyways, Huge thanks, and love your tutorials!

Fantastic!!!

thank you, at last I got how typescript deals with forwardRef.

Another great video, you are bringing a lot of value, can't wait to see the channel grow and grow!
Thank you!

Great video. For accessibility, I use react-aria and it works fantastic.

Great tutorial, that the thing which I was waiting for 🔥🔥.

Can you also try to make more components maybe which are more commonly used like input fields, modals alert, toast notification .

Part 2 is finally here, but doesn't this break Tailwind code hinting 😢