You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<div className="group/test">
<input type="checkbox" />
<!-- This changes its state based on the condition of the checkbox -->
<div className="group-has-checked/test:hidden">Checked</div>
<!-- This always renders regardless of checkbox state -->
<div className="not-group-has-checked/test:hidden">Not checked</div>
<!-- Alternative group/{name} syntax to the above examples -->
<div className="group/test-has-checked:hidden">Checked</div>
<div className="not-group/test-has-checked:hidden">Not checked</div>
</div>
The text was updated successfully, but these errors were encountered:
What version of Tailwind CSS are you using?
v4.0.3
What build tool (or framework if it abstracts the build tool) are you using?
Tailwind Play (https://play.tailwindcss.com/)
What version of Node.js are you using?
n/a
What browser are you using?
Firefox DevEdition 137.0b8
What operating system are you using?
macOS 15.3.2
Describe your issue
The text was updated successfully, but these errors were encountered: