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

SupportCards / Mixed Content

Grid with varied content demonstrating different card states

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": "Short Title",
"Category": "Healthcare Information",
"Description": "Brief description",
"DescriptionHtml": null,
"ImageHtml": null,
"CssClass": null,
"HeadingLevel": 3,
"Type": 1,
"LinkText": null,
"LinkUrl": "/short",
"LinkTarget": null,
"IsActive": false
},
{
"Title": "Understanding Advanced Breast Cancer Treatment Options",
"Category": "Research \u0026 Clinical Trials",
"Description": "Comprehensive guide to available treatments, clinical trials, and specialist support services for advanced breast cancer patients.",
"DescriptionHtml": null,
"ImageHtml": null,
"CssClass": null,
"HeadingLevel": 3,
"Type": 1,
"LinkText": null,
"LinkUrl": "/long",
"LinkTarget": null,
"IsActive": false
},
{
"Title": "No Category",
"Category": null,
"Description": "This card has no category tag",
"DescriptionHtml": null,
"ImageHtml": null,
"CssClass": null,
"HeadingLevel": 3,
"Type": 1,
"LinkText": null,
"LinkUrl": "/no-category",
"LinkTarget": null,
"IsActive": false
},
{
"Title": "Our Support Network",
"Category": "Support Services",
"Description": "Access to specialist breast cancer nurses, counseling services, support groups, and educational workshops.",
"DescriptionHtml": null,
"ImageHtml": null,
"CssClass": null,
"HeadingLevel": 3,
"Type": 1,
"LinkText": null,
"LinkUrl": "/network",
"LinkTarget": null,
"IsActive": false
}
]
})
♿ Accessibility