Check out my new plugin to support multiple groups #8074
Replies: 3 comments
-
Btw, you can also check out this reflection I shared on Twitter 🙈 https://twitter.com/_onmax/status/1512923476788752388 Let me know what you think! |
Beta Was this translation helpful? Give feedback.
-
Hey! Good news — we just added nested group and multiple peer support using variant modifiers in Tailwind CSS v3.2 🥳 You can read about it in our announcement blog post, but for quick reference here’s what it looks like: <div class="group/sidebar ...">
<!-- ... -->
<div class="group/navitem ...">
<a
href="#"
class="opacity-50 group-hover/sidebar:opacity-75 group-hover/navitem:bg-black/75"
>
<!-- ... -->
</a>
</div>
<!-- ... -->
</div> This lets you give each group a clear name that makes sense for that context on the fly, and Tailwind will generate the necessary CSS to make it work. |
Beta Was this translation helpful? Give feedback.
-
This article is truly astounding. Appreciative for sharing.A commitment of appreciation is all together for the association, keep on sharing such an information. Allied Universal eHub Website |
Beta Was this translation helpful? Give feedback.
-
So today, I was making a component where there is a lot of interactions and I am using a lot
group
. The problem withgroup
is that it does not allow you to have multiple nestedgroup
. You can read more about this problem in this great article.So, I wrote this new plugin Tailwind Labeled Groups that allows you to have multiple named groups!
I would love to hear your feedback!
Beta Was this translation helpful? Give feedback.
All reactions