> For the complete documentation index, see [llms.txt](https://ebay.gitbook.io/mindpatterns/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ebay.gitbook.io/mindpatterns/structure/item-card.md).

# Item Card

An item card is a display element that is not itself interactive, but houses elements, such as an image wrapped by an anchor, an add to favorites button, item title that is also wrapped in an anchor, etc.

<figure><img src="/files/3bA4Y5hWkcuPrlUSmQOZ" alt=""><figcaption><p>Typical Item Card</p></figcaption></figure>

## Interaction/Keyboard Design

The interaction inside an item card should be simple keyboard `TAB` navigation of interactive elements with the `ENTER` key activating the element in focus.

## Grouped Item Cards

Item cards typically display in groups.&#x20;

<figure><img src="/files/JotHHtFKFPlhnXgKKjfH" alt=""><figcaption><p>Grouped </p></figcaption></figure>

Grouped item cards use and inherit the `a11y` setup of Layout Grid. For more information about using the grouped item cards, please see the [Layout Grid pattern](/mindpatterns/structure/layout-grid.md).