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

FeaturedBlock / 4 Cards (Cream Background)

Featured links block with 4 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": "Latest news and stories",
"HeadingLevel": 2,
"CardHeadingLevel": 3,
"Cards": [
{
"Title": "News update",
"Category": null,
"Description": "Read the latest developments in breast cancer research and treatment.",
"DescriptionHtml": null,
"ImageHtml": {},
"CssClass": null,
"HeadingLevel": 3,
"Type": 12,
"LinkText": null,
"LinkUrl": "#",
"LinkTarget": null,
"IsActive": false
},
{
"Title": "Patient story",
"Category": null,
"Description": "Hear from someone whose life has been touched by breast cancer.",
"DescriptionHtml": null,
"ImageHtml": {},
"CssClass": null,
"HeadingLevel": 3,
"Type": 12,
"LinkText": null,
"LinkUrl": "#",
"LinkTarget": null,
"IsActive": false
},
{
"Title": "Research breakthrough",
"Category": null,
"Description": "Discover how our funded research is making a difference.",
"DescriptionHtml": null,
"ImageHtml": {},
"CssClass": null,
"HeadingLevel": 3,
"Type": 12,
"LinkText": null,
"LinkUrl": "#",
"LinkTarget": null,
"IsActive": false
},
{
"Title": "Community event",
"Category": null,
"Description": "Find out about upcoming events in your local area.",
"DescriptionHtml": null,
"ImageHtml": {},
"CssClass": null,
"HeadingLevel": 3,
"Type": 12,
"LinkText": null,
"LinkUrl": "#",
"LinkTarget": null,
"IsActive": false
}
],
"CallToAction": null,
"BgColor": "cream"
})
♿ Accessibility