Skip to main content
Version: 2.1.4

IGridProps

3p-core v2.1.4


3p-core / IGridProps

Interface: IGridProps

Props for the Grid layout component. Defines structure and spacing of a CSS grid container.

Properties

PropertyTypeDescription
className?stringOptional CSS class name for the grid container.
cols?numberNumber of columns in the grid. Ignored if columnsTemplate is provided. Default 2
columnGap?string | numberGap between columns. Accepts a number (pixels) or CSS string (e.g., '1rem', '10px'). Default 20
columnsTemplate?stringCustom grid-template-columns string. Overrides cols if provided. Example: '1fr 2fr' or 'repeat(3, auto)'.
rowGap?string | numberGap between rows. Accepts a number (pixels) or CSS string. Default 10
style?anyAdditional inline styles to apply to the grid container.