necolas / react-native-web

Cross-platform React UI packages
https://necolas.github.io/react-native-web
MIT License
21.46k stars 1.77k forks source link

CSS Style not Inline #2670

Closed diegoNutmeg closed 1 month ago

diegoNutmeg commented 1 month ago

Is there an existing request?

Describe the feature request

Hi!!

I am looking for options to have the current css inline style in the DOM, as a link stylesheet Current Styling:

<style>
  .r-156q2ks { margin-top: 0px; }
  .r-61z16t { margin-right: 0px; }
  .r-p1pxzi { margin-bottom: 0px; }
  .r-11wrixw { margin-left: 0px; }
</style>

Request example:

<link href="main.e0d8c5340eb8c52365c1.css" rel="stylesheet">

We have a few challenges with the Inline Style that we will like to mitigate as CSP style-src-element "unsafe-inline" and css scoping in micro-frontend Architecture.

If everyone have any example of how we can get a link stylesheet would be great.

Thanks