To use the built-in CSS Modules support, first ensure you've set up CSS bundling in your application.
You can then opt into CSS Modules via the .module.css file name convention. For example:
.root { border: solid 1px; background: white; color: #454545; } import styles from "./styles.module.css"; export const Button = React.forwardRef( ({ children, ...props }, ref) => { return ( <button {...props} ref={ref} className={styles.root} /> ); } ); Button.displayName = "Button";