# Use @apply with Tailwind?

**URL:** https://forum.pinegrow.com/t/use-apply-with-tailwind/5321
**Category:** General
**Created:** [June 10, 2021, 9:00pm UTC](https://forum.pinegrow.com/t/use-apply-with-tailwind/5321 "2021-06-10T21:00:10Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![msavard](https://avatars.discourse-cdn.com/v4/letter/m/e5b9ba/32.png) [@msavard](https://forum.pinegrow.com/u/msavard)
#### Post date: [June 10, 2021, 9:00pm UTC](https://forum.pinegrow.com/t/use-apply-with-tailwind/5321/1 "2021-06-10T21:00:10Z")

</div>

I see the configuration for Tailwind has gotten much better in PG6. Is there any way to use the [@apply features](https://tailwindcss.com/docs/extracting-components#extracting-component-classes-with-apply) of Tailwind within PG? Or is that not needed as you can do it a different way?

Thanks. And great job on the new version!

---

<div class="post-metadata">

### Author: ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [June 11, 2021, 9:49am UTC](https://forum.pinegrow.com/t/use-apply-with-tailwind/5321/2 "2021-06-11T09:49:25Z")

</div>

Hi @mavard,  
It is a little bit of a case-by-case basis, but most components can be created by using the Class Styles panel. Basically, instead of adding classes to an item inline, you add them to a named list and then add that new style to that and any future elements. [Here](https://pinegrow.com/docs/tailwind/class-styles/) is some documentation about it.  
I hope that helps,  
Bob

---

<div class="post-metadata">

### Author: ![Bryn](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/bryn/32/5487_2.png) [@Bryn](https://forum.pinegrow.com/u/Bryn)
#### Post date: [July 7, 2023, 5:51pm UTC](https://forum.pinegrow.com/t/use-apply-with-tailwind/5321/3 "2023-07-07T17:51:44Z")

</div>

I just discovered that @apply does not seem to work in Pinegrow. This is kind of a big problem when @apply is used in Tailwind component libraries.

Is there a way to support @apply styles?

---

<div class="post-metadata">

### Author: ![adamslowe](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/adamslowe/32/4590_2.png) [@adamslowe](https://forum.pinegrow.com/u/adamslowe)
#### Post date: [July 7, 2023, 6:47pm UTC](https://forum.pinegrow.com/t/use-apply-with-tailwind/5321/4 "2023-07-07T18:47:34Z")

</div>

You’ll need to use the external compiler for Tailwind if you want to use @apply styles. Pinegrow’s internal compiler doesn’t support custom configurations. It’s a bummer, but the external compiler is nice once you have it set up.

Here is a video of the process with links to Pinegrow’s documentation in the description.

[![](https://img.youtube.com/vi/ZidufjA1Qww/maxresdefault.jpg "Pinegrow's External Build Process for Tailwind CSS") ](https://www.youtube.com/watch?v=ZidufjA1Qww)

---

<div class="post-metadata">

### Author: ![Bryn](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/bryn/32/5487_2.png) [@Bryn](https://forum.pinegrow.com/u/Bryn)
#### Post date: [July 7, 2023, 9:54pm UTC](https://forum.pinegrow.com/t/use-apply-with-tailwind/5321/5 "2023-07-07T21:54:45Z")

</div>

@adamslowe

Thanks for the link! Awesome tutorial. It seems pretty bizarre though for Pinegrow to not support @apply considering how widely it is used with Tailwind. I really hope this is being added at some point.

---

<div class="post-metadata">

### Author: ![adamslowe](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/adamslowe/32/4590_2.png) [@adamslowe](https://forum.pinegrow.com/u/adamslowe)
#### Post date: [July 8, 2023, 1:08am UTC](https://forum.pinegrow.com/t/use-apply-with-tailwind/5321/6 "2023-07-08T01:08:04Z")

</div>

They have some valid reasons, but it still sucks for us as end users.
