- Localized class names to avoid global conflicts
- Styles are scoped to individual components
- Automatically generates unique class names
- can use alngside global CSS when needed
- Promotes modular and maintainable CSS
import css from './App.module.css'
function App(){
// console.log(css)
return <>
<h2><span className={css['h1']}>Hello</span> <span className={css['h2']}>World</span></h2>
</>
}
export default App;
