The Spacer is a simple invisible utility component that allows you to space out content when creating your own components or blocks. Spacer’s sizes are tied to css variables which can be overridden, changing the spacing across the whole site.
Usage
Do’s
Use a spacer to create consistence spacing when building your own components or blocks.
Dont’s
Use a spacer when you could adjust a components individual style by using the
classNamesprop or changing a components css variables.
Anatomy
Item | Component type | Content type | Notes | |
|---|---|---|---|---|
1 | Spacer | n/a | n/a |
Visual style
n/a
Editorial
n/a
Behaviour
n/a
Accessibility
n/a