How to use Calcite Tailwind Preset?

Question

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

Thanks.

Forrest

ForrestLin · Answer

@DitwanDPrice

Thanks.

Forrest

DitwanDPrice · Answer

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)