React under WebStorm how to customize component rendering?

Question

css

This question arose
. In my VS code, the component was displayed in this way, it differed from the usual HTML tags

How to achieve the same display but in WebStorm?

Answer 1

This is a vertical timeline
Here are examples:
https://codepen.io/letehaha/pen/xOxdze
https://codepen.io/shadowrogue42/pen/OYyoqN
https://codepen.io/AndreyUgarov/pen/xOrARE
https://codepen .io/knolaust/pen/ONXXJj
https://codepen.io/stefan-baumeler/pen/rLMmzg
https://codepen.io/mizpayne/pen/OROWdj

Answer 2

it's called timeline

Answer 3

Well, I found out that the JSX (React) component cannot be highlighted with a separate color https://youtrack.jetbrains.com/issue/WEB-21035