DEV Community

Nobu
Nobu

Posted on

How to use kebab case for class name of css in Next.js

#nextjs #css

Precondition

If I write kebab case like below, it will be error.

className={styles.company-logo}
Enter fullscreen mode Exit fullscreen mode

Solution

This will work.

className={styles['company-logo']}
Enter fullscreen mode Exit fullscreen mode

Reference
https://stackoverflow.com/questions/61794899/using-kebab-case-css-classnames-in-css-sass-modules-when-using-next-js

Top comments (1)

Collapse
 
johnsonbyjus profile image
johnson-byjus •

Did u solve this.?

Read next

chipm0nk profile image

From Concept to Code: Building a Simple Endless Runner Game

Chipm0nk -

torver213 profile image

Dark mode & light mode in next. Js 14 app router with material-ui without ui flickering

Peter Kelvin Torver -

codemee profile image

HTML meta 標籤中 viewport 的設定

codemee -

_ab56e9bbfaff3a478352a profile image

Escape Road Unblocked: A Browser-Based Police Chase Game with Next.js 14

陈宇翔 -