Tailwind preset for the Carbon Design System

To install tailwind-preset-carbon in your project, you will need to run the following command using npm:

npm install -S tailwind-preset-carbon

If you prefer Yarn, use the following command instead:

yarn add tailwind-preset-carbon

You can configure tailwind to use tailwind-preset-carbon with the presets option:

module.exports = {
  presets: ['tailwind-preset-carbon'],
};

If you would like to use a specific theme, pass in the theme name after the preset name. For example, to use the g90 theme do the following:

module.exports = {
  presets: ['tailwind-preset-carbon/g90'],
};

If you're looking for more examples on how to use tailwind-preset-carbon, we have some examples that you can check out:

• Nextjs

We're always looking for contributors to help us fix bugs, build new features, or help us improve the project documentation. If you're interested, definitely check out our Contributing Guide! 👀

Licensed under the Apache 2.0 License.