Example on how to use pseudo-element with cva?

[ajmalafif]

I was tinkering with cva with tailwind with NextJS example repo, then I realized I needed to target pseudo-elements but find myself stuck and unsure how to proceed. Any pointers or ideas? Do I have to use css-in-js solution for this?

[joe-bell]

https://tailwindcss.com/docs/hover-focus-and-other-states#before-and-after

[ajmalafif]

Hi! I was thinking of how I do that without tailwind and just vanilla CSS. I had to use quite some of it to achieve this:

[joe-bell]

cva doesn’t generate CSS, you need to do that yourself