Is there a way to visualy distinguish styled-component and HTML-elements \ regular React components in the markup?

I want to be able to visually differentiate styled-component and “regular” react component in the editor.

Currently, they look identical. Is there any way to change color of component that imported from specific path pattern, for example if component imported from `*.styles.ts` - slightly change it's color in the markup.

 

Thanks.

0
3 comments

Unfortunately, it’s not possible at the moment. Please feel free to create a new feature request here: https://youtrack.jetbrains.com/issues/WEB. We’ll see if it can be implemented.

1

Please sign in to leave a comment.