Resource Cards

resource_cards renders a clean grid for related content and next-step resources.

When to Use

Use it at the end of pages to direct readers to docs, articles, downloads, or playbooks.

Usage

{{ resource_cards(title="Keep reading", item_1_type="Guide", item_1_title="Setup") }}

Live Example

Parameters

ParameterDescription
containerInner content width.
eyebrowSmall uppercase label above the heading.
titleSection heading.
descriptionSupporting copy.
item_N_typeResource type label, up to 4.
item_N_titleResource title.
item_N_descResource description.
item_N_hrefResource URL.
item_N_metaOptional link metadata text.
bgFull-width section background token.
classAdditional CSS classes on the outer section.