topic Re: How to use Calcite Tailwind Preset? in Calcite Design System Questions

How to use Calcite Tailwind Preset?

ForrestLin — Thu, 04 Dec 2025 20:14:02 GMT

How to use Calcite Tailwind Preset?

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

Thanks.

Forrest

Re: How to use Calcite Tailwind Preset?

DitwanDPrice — Fri, 05 Dec 2025 20:20:41 GMT

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)

Re: How to use Calcite Tailwind Preset?

ForrestLin — Tue, 09 Dec 2025 16:51:30 GMT

@DitwanDPrice

Thanks.

Forrest