CSS Imports

All Axiom components import their own CSS files via import statements from within the JS code.

Depending on your bundler you might require additional configuration to enable CSS imports.

Check out the guide on CSS Layers if your existing styles are conflicting with Axiom.

#
Next.js

#
Transpile packages

Add Axiom to the transpilePackages option:

next.config.js

export default {
  // ...
  transpilePackages: ["@optiaxiom/react"],
};

#
Webpack

#
CSS loader

Use css-loader to include the CSS in your bundled code.

Installation CSS Layers