DEV Community

Gaurav Saini
Gaurav Saini

Posted on

How to use styles when publishing a react component to npm?

Hey folks,
I'm a newbie to react and this is my first time publishing to npm. I created a react component and wanted to put on the npm registry.

I used create-react-library to build the component and published it to npm. Everything functions perfectly fine when I install my new npm package as a dependency in another react app, but there is no CSS applied to the component

Below image shows my folder structure

How do I enable/apply styles for the package?

Here's the npm package for reference


Discussion (1)

papeloto profile image
Víctor Navarro

The component/s itself should import the CSS with Css modules for example. If you want to use them globally you can import the styles file on the index.tsx file