Calcite Components with Tailwind CSS

[ForrestLin]

Is it OK to use Tailwind CSS with Calcite Components?

[DitwanDPrice · Accepted solution]

Yes it is, there's a calcite tailwind preset package that can be found here: https://www.npmjs.com/package/@esri/calcite-tailwind-preset?activeTab=readme

[ForrestLin]

@DitwanDPrice 

Thank you!

Forrest

[ForrestLin]

How to use calcite tailwind preset package?

I tried to install the package: npm i @esri/calcite-tailwind-preset, and I got error:

Successfully installed by running

npm i @esri/calcite-tailwind-preset --force or --legacy-peer-deps

I got:

I need to import it in the Tailwind CSS configuration file:

import calcitePreset from "@esri/calcite-tailwind-preset";

export default {

       presets: [calcitePreset],

       content: [ /* ... */ ],

};

Where is the Tailwind CSS configuration?