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

m_maksimovic_ profile image

🦸 OSS Heroes: Pilcrow, a student who built Lucia - auth library with 9.5k stars on GitHub ⭐ 🇯🇵

Milica Maksimovic -

sheraz4194 profile image

Introduction to Next.js Middleware: How It Works with Examples

Sheraz Manzoor -

nivedha_deepak profile image

Understanding CSR, SSR, SSG, and ISR in Next.js: A Beginner-Friendly Guide

Nivedha Deepak -

riyon_sebastian profile image

Building a Robust Frontend Error-Handling System with Axios and Custom Hooks

Riyon Sebastian -