Skip to main content

ItemCardGrid()

Home > @backstage/core-components > ItemCardGrid

A default grid to use when arranging "item cards" - cards that let users select among several options.

Signature:

function ItemCardGrid(props: ItemCardGridProps): React.JSX.Element;

Parameters

ParameterTypeDescription
propsItemCardGridProps

Returns:

React.JSX.Element

Remarks

The immediate children are expected to be Material UI Card components.

Styles for the grid can be overridden using the classes prop, e.g.:

<ItemCardGrid title="Hello" classes={{ root: myClassName }} />

This can be useful for e.g. overriding gridTemplateColumns to adapt the minimum size of the cells to fit the content better.