Select to view content in your preferred language

How to use Calcite Tailwind Preset?

190
2
12-04-2025 12:14 PM
ForrestLin
Frequent Contributor

How to use Calcite Tailwind Preset?

https://www.npmjs.com/package/@esri/calcite-tailwind-preset?activeTab=readme

Thanks.

Forrest

0 Kudos
2 Replies
DitwanDPrice
Esri Contributor

I did a quick look into this, and if you're using tailwind v4 they have switched to a different approach where config files aren't needed by default, instead everything is done in the CSS file. 

I'm not certain this will work but you could try to import the preset in your main CSS file like this:

@import "calcite-tailwind-preset";


If that doesn't work you can still create a config file at the root of your project and use the `@config` directive to load the config file. (Tailwind docs)

0 Kudos
ForrestLin
Frequent Contributor

@DitwanDPrice 

Thanks.

Forrest

0 Kudos