You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+10Lines changed: 10 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -245,6 +245,16 @@ renderToString(() => (
245
245
conststyles=renderSheets(styles);
246
246
```
247
247
248
+
Alternatively, for automatic sheet rendering (assuming that you are server-rendering the entire document), you can do
249
+
250
+
```jsx
251
+
renderToString(() => (
252
+
<StyleRegistry auto>
253
+
<App />
254
+
</StyleRegistry>
255
+
));
256
+
```
257
+
248
258
## CSS Processing
249
259
250
260
`solid-styled` uses [LightningCSS](https://lightningcss.dev/) to preprocess CSS templates as well as apply CSS scoping and transformations. By default, [CSS Nesting and Custom Media Queries](https://lightningcss.dev/transpilation.html#draft-syntax) are enabled by default.
0 commit comments