react css modules code example

Example 1: react import css

import "./FileName.css";

Example 2: typescript css modules in react

npm install typescript-plugin-css-modules --save-dev

Or if you’re using Yarn, run:

yarn add -D typescript-plugin-css-modules


# Create a new file at the root of the project called styles.d.ts
# (or something similar), and add the following code to it:

// For CSS
declare module "*.module.less" {
  const classes: { [key: string]: string };
  export default classes;
}

// For LESS
declare module "*.module.less" {
  const classes: { [key: string]: string };
  export default classes;
}

// For SCSS
declare module "*.module.scss" {
  const classes: { [key: string]: string };
  export default classes;
}

Example 3: css modules react

import styles from './Component.module.css'
<Component className={styles.someClassInCssModule}/>