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

Carousel / Signpost block on pink

Signpost block containing feature cards on pink

Layout
Properties
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
Component Code
@await Html.PartialAsync("~/Components/Organisms/Carousel/Carousel.cshtml", new CarouselProps
{
"Context": "",
"Heading": "Featured Content",
"Cards": [
{
"Title": "Challenge events",
"Category": null,
"Description": "From Pink Ribbon Walks in the summer to our annual Christmas Carol Concert, we have a whole calendar of fundraising opportunities and ways to get involved.",
"DescriptionHtml": null,
"ImageHtml": {},
"CssClass": null,
"HeadingLevel": 3,
"Type": 12,
"LinkText": null,
"LinkUrl": "/challenge-events",
"LinkTarget": null,
"IsActive": false
},
{
"Title": "Support and Resources",
"Category": null,
"Description": "Our comprehensive support services include access to specialist breast cancer nurses, counseling services, and support groups.",
"DescriptionHtml": null,
"ImageHtml": {},
"CssClass": null,
"HeadingLevel": 3,
"Type": 12,
"LinkText": null,
"LinkUrl": "/support",
"LinkTarget": null,
"IsActive": false
},
{
"Title": "Research Updates",
"Category": null,
"Description": "Stay informed about the latest breast cancer research and groundbreaking discoveries that are changing lives.",
"DescriptionHtml": null,
"ImageHtml": {},
"CssClass": null,
"HeadingLevel": 3,
"Type": 12,
"LinkText": null,
"LinkUrl": "/research",
"LinkTarget": null,
"IsActive": false
},
{
"Title": "Get Involved",
"Category": null,
"Description": "Join our community and make a difference in the fight against breast cancer through volunteering and fundraising.",
"DescriptionHtml": null,
"ImageHtml": {},
"CssClass": null,
"HeadingLevel": 3,
"Type": 12,
"LinkText": null,
"LinkUrl": "/get-involved",
"LinkTarget": null,
"IsActive": false
}
],
"CtaButton": {
"Variant": "primary",
"Type": null,
"Disabled": false,
"AriaLabel": null,
"Name": null,
"Value": null,
"Action": null,
"LinkText": "View all content",
"LinkUrl": "#more-content",
"LinkTarget": null,
"IsActive": false
},
"BgColor": "light pink"
})
♿ Accessibility