FAQ: How can I share styles between my components?

One way to share styles between components is to use Stencil’s global styles. This is an option in the stencil.config.ts file that allows you to specify a stylesheet that will be applied to all components. For details on how to configure global styles, please see the global styles documentation. Alternatively, if you are using @stencil/sass for your styles, you can similarly import global styles into all of your components with the injectGlobalPaths config. You can find more details about this configuration in the @stencil/sass readme.