How to use Padding within a component

Hi, it looks like actually you're talking about spacing between elements, and margins in some cases (I'm not sure if you're familiar with the concept of padding/margin but here's an article if you'd like to check: https://uxdesign.cc/margin-padding-ed80042494e1 ) Thinking what I'd do in a similar situation, maybe defining an invisible/zero opacity element in a certain size (like 30px width etc) as a spacing component (with a name like: 30pxHorizontalSpace etc) might be a flexible solution. And/or, creating seperate components for the common "in between/seperator" elements like "|", ">" and placing them into an invisible rectangle which has required amount of padding might be another flexible solution. Thanks for sharing since this might be something I also and some other users might want to use, hope this helps!