Inline grid
Use to lay out children horizontally with equal gap between columns. Based on CSS Grid.
Props
No props found for this component, run `yarn gen:docs` to generate component meta first.
Slots
No slots found for this component, run `yarn gen:docs` to generate component meta first.
Related components
- For more control over padding and widths, use the Box component
- To lay out a set of smaller components horizontally, use the InlineStack component
Related resources
- InlineGrid props are named following the convention of CSS logical properties, such as
alignItems="start"
vs.alignItems="left"
. Learn more about CSS logicial properties.