DEV Community

Discussion on: Design Systems (Part II: Design Language)

Collapse
 
venikx profile image
Kevin Rangel

What about how a component acts on it's surroundings. Like the padding or margin of an icon. Would you expose marginRight, etc or preferably a prop called "dense", which either makes the spacing tight or "normal" rather than giving straight access to modify the internal margin's.

Thread Thread
 
emmabostian profile image
Emma Bostian ✨

You can create a spacing mixin/partial if using Sass to allow developers to add specific values for padding/margin. We use a multiple of 4 and have defined variables to help with this :)

Thread Thread
 
venikx profile image
Kevin Rangel

That helps! Thank you! :)