Twin.macro: Not able to use group class

Created on 30 Sep 2020  路  2Comments  路  Source: ben-rogerson/twin.macro

The problem

When I am trying to add group class to an element using tw, it is throwing an error and suggesting me to use class names instead.

For Reference: https://tailwindcss.com/docs/pseudo-class-variants#group-hover

Bug reproduction

<div css={tw`group bg-white hover:bg-blue-500`}>
  <p css={tw`text-gray-700 group-hover:text-white`}>Hello World.</p>
</div>

Most helpful comment

The group classes work a little differently to others, they need to be added as a className, take a look at this doc.

All 2 comments

The group classes work a little differently to others, they need to be added as a className, take a look at this doc.

The group classes work a little differently to others, they need to be added as a className, take a look at this doc.

Thanks for the info!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

theairbend3r picture theairbend3r  路  3Comments

owaiswiz picture owaiswiz  路  3Comments

clement-buchart picture clement-buchart  路  5Comments

denvash picture denvash  路  6Comments

DaneEveritt picture DaneEveritt  路  6Comments