Class Variance Authority (CVA) Quickstart

Let’s raise funds for St. Jude! https://codinginpublic.dev/fundraiser/

CVA is a tool that helps you define and use consistent UI. It’s also one of the key tools in the popular shadcn/ui components.

🔗  Key Links 🔗
- Github: https://github.com/coding-in-public/c...
- CVA: https://cva.style/docs
- Tailwind-merge: https://www.npmjs.com/package/tailwin...

---------------------------------------

🔗  Additional Links 🔗
- https://www.npmjs.com/package/clsx
- https://ui.shadcn.com/

---------------------------------------

⏲️ Timestamps ⏲️
0:00 Introduction
1:32 Why CVA?
4:14 Installation and Setup
8:36 Custom component
14:58 Viewing all buttons
18:44 Fundraiser

---------------------------------------
🎨 VSCode Theming
- Font: Cascadia Code: https://github.com/microsoft/cascadia...
- Theme: https://marketplace.visualstudio.com/...
- Icons: https://marketplace.visualstudio.com/...

---------------------------------------

🌐 Connect With Me 🌐
- Website: https://codinginpublic.dev
- Blog: https://chrispennington.blog
- Twitter: Twitter: cpenned
- Patreon: Patreon: coding_in_public
- Buy Me a Coffee: https://www.buymeacoffee.com/chrispen...