How to add css class and css module on one item?

Question

Currently, in React I write my css in css modules. However, I also use the font-awesome library which uses normal css.

So my question is there is a way to use a normal css and css module on the same selector?

<i className={classes.icon} + "far fa-user" />

zilijonas · Accepted Answer · 2019-07-01 09:58:51Z

3

Thanks to ES6 syntax, you can write it like this:

<i className={`${classes.icon} far fa-user`} />

answered Jul 1, 2019 at 9:58

zilijonas

3,8153 gold badges32 silver badges56 bronze badges

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

Comments

Praveen Kumar Purushothaman · Accepted Answer · 2019-07-01 09:58:20Z

2

If you completely understand how React works, you will be putting it this way:

<i className={classes.icon + " far fa-user"} />

The classes.icon will be the className string and along with it, you have to add other classes.

answered Jul 1, 2019 at 9:58

167k27 gold badges215 silver badges261 bronze badges