---
title: Navigation Card Group
layout: common-ux-layout.hbs
---

<div class="style-guide-info info">
  <h4>Navigation Card Group</h4>
  <p>Linked cards with image and heading to be used as a navigation.</p>
</div>

{{>navigation_card_group navigation-card-group-1.data.fields.components.0.fields}}
{{>navigation_card_group navigation-card-group-2.data.fields.components.0.fields}}
{{>navigation_card_group navigation-card-group-3.data.fields.components.0.fields}}
{{>navigation_card_group navigation-card-group-3-focus-left.data.fields.components.0.fields}}
{{>navigation_card_group navigation-card-group-3-focus-right.data.fields.components.0.fields}}
{{>navigation_card_group navigation-card-group-4.data.fields.components.0.fields}}
{{>navigation_card_group navigation-card-group-5.data.fields.components.0.fields}}
{{>navigation_card_group navigation-card-group-5-focus-left.data.fields.components.0.fields}}
{{>navigation_card_group navigation-card-group-5-focus-right.data.fields.components.0.fields}}
{{>navigation_card_group navigation-card-group-6.data.fields.components.0.fields}}