how to pass variable from main folder as property in module.css in React

Question

In react project using module.css styling I want to make a main folder with variables commonly used for example file variable.js where I will have

export const colors = {
    buttonBackground:"#FFFFFF"
}

I want to pass it to certain classes. Will it work if for example in list.module.css file I will write:

import {colors} from "..."

.complete {
   background-color:${colors.buttonBackground}
}

Or it should be coded in different way ? Sorry I don't have possibility now to test it on my own that's why I write and describe it.

thanks

regards

Rami M Theeb · Accepted Answer · 2021-09-04 20:21:56Z

1

in case you need to use some js constants you can have a look at JSS which is a way to write css in js, you can integrate JSS in your react app using this guide

answered Sep 4, 2021 at 20:21

Rami M Theeb

363 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to pass variable from main folder as property in module.css in React

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related