Building a highly consumable UI component library is no easy feat and this article will focus on one particular tricky aspect of it: outer component spacing. By outer I mean spacing that is not internal to a component, highlighted in red here: And the type of spacing I’ll focus on is vertical spacing, handling horizontal spacing could be a whole article in itself. What type of UI component library
![Handling spacing in a UI component library](https://cdn-ak-scissors.b.st-hatena.com/image/square/1abfd4e1c956585af08744949aa3194404f10261/height=288;version=1;width=512/https%3A%2F%2Fmiro.medium.com%2Fv2%2Fresize%3Afit%3A1200%2F1%2A3PZVOvj5tzm8gELGbdwQlA.png)