How to use CSS-in-JS library stitches? #568

gutenye · 2023-03-17T06:14:48Z

gutenye
Mar 17, 2023

Hey guys

I follow the guide here, you need call getCssText() after renderToStaticMarkup(). Is there a hook available in email export command something like this?

const EmalTemplate = () => (
  <Html>
    <Head>
       <style id="stitches"></style>
    </Head>
  </Html>
)
const html = renderToStaticMarkup(<EmailTemplate />)
const style = getCssText()
html.replace('<style id="stitches"></style>', `<style id="stitches">${style}</style>`)

bukinoshita · 2023-03-21T05:05:59Z

bukinoshita
Mar 21, 2023
Maintainer

We don't have at the moment, just to clarify the code you shared it's working?

1 reply

gutenye Mar 21, 2023
Author

I end up using inline CSS.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

How to use CSS-in-JS library stitches? #568

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment 1 reply

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

How to use CSS-in-JS library stitches? #568

Uh oh!

gutenye Mar 17, 2023

Replies: 1 comment · 1 reply

Uh oh!

bukinoshita Mar 21, 2023 Maintainer

Uh oh!

gutenye Mar 21, 2023 Author

gutenye
Mar 17, 2023

Replies: 1 comment 1 reply

bukinoshita
Mar 21, 2023
Maintainer

gutenye Mar 21, 2023
Author