Next.js module css multiple class name

Question

I am using Next.js and module.css in a project. But I have a problem. I have a "button" component inside a component. I want to give both normal className and Style.myClass to that button component. is there a way to do this?

Sorry the question might be a bit complicated, you can understand better with the example below

<Button className={(Style.MyModuleCssClass, "my-global-class")}
        size={"large"}
        type="primary"> GET MORE
</Button>

can I write a code like this? ie one global class name and one module.css class name

windmaomao · Accepted Answer · 2021-10-09 21:49:31Z

8

Multiple classname is not a problem, but normally you need to put the classname together like a string operation.

  <Button className={`${Style.MyModuleCssClass} my-global-class`} />

Unless you have a library to help you, https://github.com/JedWatson/classnames#readme

answered Oct 9, 2021 at 21:49

windmaomao

7,7322 gold badges37 silver badges38 bronze badges

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

Collectives™ on Stack Overflow

Next.js module css multiple class name

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