Box

What is Box?

Box was a general purpose layout component I built at Indeed that greatly improved productivity while baking in Indeed's design system specifications.

Technical details

Notable features:

• Unique spacing definitions: inline, inset, stack
• Can define spacing of all children Boxes
• Children can override spacing of props passed in
• Last element's spacing is disabled in js, not css
• Can be any html tag
• Can always override with new className

You can read more in detail in the Codesandbox below and play around with the component: