react shadow

[mossy aspen]

Is there any way to leverage shadow in react or next js to encapsulate style of parent...
because i am using inner html how i able to achieve

[vague linden]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[topaz roost]

what effect are you trying to achieve?

[mossy aspen]

@topaz roost basically I have user emails and i want to show exactly in innerhtml ...

<div
dangerouslySetInnerHTML={{
__html: content.html,
}}
></div>

[topaz roost]

soo? you want to show shadow where?

where do you want to show the shadow?

[mossy aspen]

Basically this div should render in shadow wherever I use i want div in shadow dom

[topaz roost]

you want it like this?

<
  dangerouslySetInnerHTML={{
    __html: content.html,
  }}
></>

no div?

or do you want a CSS shadow?

i dont quite get what you meant sorry

[mossy aspen]

Yes I want css shadow ....

[topaz roost]

where? on the <div>? or inside the HTML content?

[mossy aspen]

Inside html content

[topaz roost]

you can use CSS selectors for that

does the particular element on the inside HTML content have a particular id/classname?

[mossy aspen]

Basically it's email content so Id and class name not permanent....

[topaz roost]

yes you could still do it with css selectors

using :nth-child

[mossy aspen]

Okay means I will provide some default css to override using css selector rather than shadow dom i will try ....

[topaz roost]

shadow dom sounds complicated especially when you can't know the content for sure ahead of time