From eec9f1abe61a3f3367bb680e199b141976cf7ecb Mon Sep 17 00:00:00 2001
From: Paul <pgflynn@gmail.com>
Date: Thu, 17 Aug 2023 15:23:45 +0100
Subject: [PATCH] add secondary card example

---
 packages/components/card/README.md | 34 +++++++++++++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/packages/components/card/README.md b/packages/components/card/README.md
index f00ba7a58..55721f48f 100644
--- a/packages/components/card/README.md
+++ b/packages/components/card/README.md
@@ -35,7 +35,7 @@ Find out more about the card component and when to use it in the [NHS digital se
 
 ### Primary card (with chevron)
 
-[Preview the clickable card component](https://nhsuk.github.io/nhsuk-frontend/components/card/primary.html)
+[Preview the primary card component](https://nhsuk.github.io/nhsuk-frontend/components/card/card-primary.html)
 
 #### HTML markup
 
@@ -65,6 +65,38 @@ Find out more about the card component and when to use it in the [NHS digital se
 }) }}
 ```
 
+### Secondary card
+
+[Preview the secondary card component](https://nhsuk.github.io/nhsuk-frontend/components/card/card-secondary.html)
+
+#### HTML markup
+
+```
+<div class="nhsuk-card nhsuk-card--clickable nhsuk-card--secondary">
+  <div class="nhsuk-card__content nhsuk-card__content--secondary">
+    <h2 class="nhsuk-card__heading nhsuk-heading-m">
+        <a class="nhsuk-card__link" href="#">Urgent and emergency care services</a>
+    </h2>
+  <p class="nhsuk-card__description">Services the NHS provides if you need urgent or emergency medical help</p>
+  </div>
+</div>
+```
+
+#### Nunjucks macro
+
+```
+{% from 'components/card/macro.njk' import card %}
+
+    {{ card({
+      "href": "#",
+      "clickable": "true",
+      "secondary": "true",
+      "heading": "Urgent and emergency care services",
+      "headingClasses": "nhsuk-heading-m",
+      "description": "Services the NHS provides if you need urgent or emergency medical help"
+    }) }}
+```
+
 ### Card with an image
 
 [Preview the card with an image component](https://nhsuk.github.io/nhsuk-frontend/components/card/card-with-image.html)