Grid
Arrange a number of components into a responsive grid pattern.
Props
minChildWidth
string
Minimum width of the child elements.
gap
Spacing
Gap between child items.
Defaults to
m.
testId
string
Sets a data-testid attribute for automated testing.
mt, mr, mb, ml
Spacing
Apply margin to the top, right, bottom, and/or left of the component.
Card grid
Review and action
Other
Header section
Main content area
Footer section
Don't
Don't use a container for general page layout. Containers are for visual emphasis and grouping content.
Sizing
Warning
minChildWidth is required on Grid. Set it based on the content's minimum readable width so items wrap properly.
