Style sheet file not working in arc experience developer edition in another react component

[MennaAyman]

Hello

in ArcExperience Developer Edition

I am working on widget and i need to render children components inside it so i created new react component when i import style sheet file , it doesnt work , it works only on the widget component,

is there any solution?

[SumitZarkarCT]

@MennaAyman 

It should work on both  custom components and the main widget.

Here is the sample in which I have created MyComponent and applid color to the tet from style 

[MennaAyman]

Thanks alot but what about if i need to use css functions it will work in ts file or the css object will serialized it ??

[SumitZarkarCT]

@MennaAyman  - CSS functions work in ts file as well, I used calc css function many times. 

Here is an example:

You can find more details about Styling your widget experience-builder/guide/widget-ui/#style-your-widget .