Integration Cards
integration_cards renders linked or static cards for tools, platforms, and ecosystem integrations.
When to Use
Use it to show compatible tools, deployment targets, data sources, or technical stack components.
Usage
{{ integration_cards(title="Works with", item_1_icon="github", item_1_name="GitHub") }}Live Example
Works with your stack
Show integrations without leaving the monochrome design system.
Parameters
| Parameter | Description |
|---|---|
container | Inner content width. |
eyebrow | Small uppercase label above the heading. |
title | Section heading. |
description | Supporting copy. |
columns | Desktop columns. Use 2 or 3. |
item_N_icon | Optional icon name. |
item_N_name | Integration name, up to 6. |
item_N_desc | Integration description. |
item_N_status | Optional status badge. |
item_N_href | Optional card URL. |
bg | Full-width section background token. |
class | Additional CSS classes on the outer section. |