DEV Community

loading...

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

Collapse
emmabostian profile image
Emma Bostian ✨ Author

Hey Kevin!

You can absolutely maintain consistency with flexibility; it's all about providing boundaries for said flexibility. For example, allow teams to customize the theme/color palette for different products. So they won't be able to go rogue and add random colors, but they have flexibility to choose options within our bounds.

Too much flexibility is letting developers add custom/rogue values for things :).

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 ✨ Author

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! :)