Responsive
Atoms
FormLabel
Default
Molecules
ContactDetails
Default
Organisms
HeaderMinimal
Default
ServicesGroupFinderBlock
With Results No Results

SupportCards / Default (4 Cards)

Standard grid layout with 4 support cards

Layout
Properties
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
Component Code
@await Html.PartialAsync("~/Components/Organisms/SupportCards/SupportCards.cshtml", new SupportCardsProps
{
"Heading": "Support headings",
"Cards": [
{
"Title": "Treatment Information",
"Category": "Healthcare Information",
"Description": "Find information about breast cancer treatments, side effects and what to expect",
"DescriptionHtml": null,
"ImageHtml": null,
"CssClass": null,
"HeadingLevel": 3,
"Type": 1,
"LinkText": null,
"LinkUrl": "/support-1",
"LinkTarget": null,
"IsActive": false
},
{
"Title": "Living with Breast Cancer",
"Category": "Healthcare Information",
"Description": "Practical advice and support for living well with breast cancer",
"DescriptionHtml": null,
"ImageHtml": null,
"CssClass": null,
"HeadingLevel": 3,
"Type": 1,
"LinkText": null,
"LinkUrl": "/support-2",
"LinkTarget": null,
"IsActive": false
},
{
"Title": "Support Services",
"Category": "Healthcare Information",
"Description": "Access our range of support services designed to help you through your diagnosis",
"DescriptionHtml": null,
"ImageHtml": null,
"CssClass": null,
"HeadingLevel": 3,
"Type": 1,
"LinkText": null,
"LinkUrl": "/support-3",
"LinkTarget": null,
"IsActive": false
},
{
"Title": "Questions to Ask",
"Category": "Healthcare Information",
"Description": "Helpful questions to ask your healthcare team about your diagnosis and treatment",
"DescriptionHtml": null,
"ImageHtml": null,
"CssClass": null,
"HeadingLevel": 3,
"Type": 1,
"LinkText": null,
"LinkUrl": "/support-4",
"LinkTarget": null,
"IsActive": false
}
]
})
♿ Accessibility