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

FeaturedBlock / 2 Cards (Cream Background)

Featured links block with 2 cards

Layout
Properties
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
Component Code
@await Html.PartialAsync("~/Components/Organisms/FeaturedBlock/FeaturedBlock.cshtml", new FeaturedBlockProps
{
"Title": "Ways to support us",
"HeadingLevel": 2,
"CardHeadingLevel": 3,
"Cards": [
{
"Title": "Make a donation",
"Category": null,
"Description": "Your donation will help us fund life-saving research and provide support to those affected by breast cancer.",
"DescriptionHtml": null,
"ImageHtml": {},
"CssClass": null,
"HeadingLevel": 3,
"Type": 12,
"LinkText": null,
"LinkUrl": "#",
"LinkTarget": null,
"IsActive": false
},
{
"Title": "Fundraise for us",
"Category": null,
"Description": "Start your own fundraising campaign and help us continue our vital work.",
"DescriptionHtml": null,
"ImageHtml": {},
"CssClass": null,
"HeadingLevel": 3,
"Type": 12,
"LinkText": null,
"LinkUrl": "#",
"LinkTarget": null,
"IsActive": false
}
],
"CallToAction": {
"Variant": "primary",
"Type": null,
"Disabled": false,
"AriaLabel": null,
"Name": null,
"Value": null,
"Action": null,
"LinkText": "Learn more about supporting us",
"LinkUrl": "/support",
"LinkTarget": null,
"IsActive": false
},
"BgColor": "cream"
})
♿ Accessibility