Authoring Components with CVA + tailwindcss - Basic Buttons (1 / 4)

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 มิ.ย. 2024
  • CVA (class-variance-authority) is an incredibly simple, yet powerful library for creating typed variants out of regular ol' css classes. This series walks through how to leverage CVA with tailwindcss to author a Button component in React.
    In this video we go over the project, start leveraging CVA for simple variants, and create a Button component that takes a couple of simple props.
    Feel free to follow along or checkout the code for yourself: github.com/brookslybrand/cva-...
    00:00 Introduction
    02:56 Adding CVA
    07:39 Creating a Button component
    13:16 Examples & final tweaks

ความคิดเห็น • 2

  • @danielbolude8987
    @danielbolude8987 4 หลายเดือนก่อน

    Bruv you don't know how hard it is to get quality content in regards to CVA .
    Thanks a bunch, you just earned a new sub
    Looking forward to seeing more videos from you

  • @sethdavis512
    @sethdavis512 10 หลายเดือนก่อน +2

    Great video! Really enjoyed seeing how CVA works. Looking forward to next one 🥳