[Row] please add prop to remove top margin

Summary

All Row components in the main body of the page have a default margin-top value:

These lines appear to be the cause:

https://github.com/carbon-design-system/gatsby-theme-carbon/blob/7ad684f52441975d4452d33d96cfd3093f7733b6/packages/gatsby-theme-carbon/src/components/Main/Main.module.scss#L11-L14

But unlike the Column component, there’s no prop to remove this spacing if needed.

We would like to have a prop we could use for the Row component that removes this margin value.

Justification

There are instances in IBM Security designs where there are no margins between rows, so we would like the flexibility to remove these margins easily without a messy style override.

[vpicone]

@jendowns yeah its nothing special about rows, that space just gets added to top level children. Wrapping the rows (or any group of elements) will prevent them from each getting the margin top.

Sorry for the break, it was a pretty big shift in how we handle vertical rhythm. I’d prefer wrapping the rows rather than adding a prop to each row, I’m not a fan of how copy-and-paste repetitive the column props are.

[jnm2377]

I think either way, it would be fine to add an option to remove the margin since Column does that as well. But just wanted to you to know that the styles may be changing with this second space audit.