I just need some space...
When working with a design file, you may encounter a spacing value between sections or components that doesn't quite fit the 8px grid. It may be slightly smaller or slightly larger - and only in that ONE spot.
In that case, we can reach for our Spacer component!
It takes one prop: a multiplier that determines how much top and bottom margin is added to an otherwise empty div.
If you need to tighten a space, negative values work as well!
Keep in mind, we will only manually insert these components in page layouts if our client has opted for a specific set of pages.
For those of our clients who opted for the page-builder model in our Sanity setup, we include the Spacer component in the dropdown menu, so the client can tweak the spacing however they please.