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

FeatureSingleBlock / Volunteer Opportunity

Feature block with volunteer recruitment call-to-action

Layout
Properties
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
Component Code
@await Html.PartialAsync("~/Components/Organisms/FeatureSingleBlock/FeatureSingleBlock.cshtml", new FeatureSingleBlockProps
{
"FeatureSingle": {
"ImageHtml": {},
"Category": "Get Involved",
"Title": "Volunteer with us",
"Subtitle": "Join our community of passionate volunteers and help us provide vital support to people affected by breast cancer.",
"PrimaryButton": {
"Variant": "primary",
"Type": null,
"Disabled": false,
"AriaLabel": null,
"Name": null,
"Value": null,
"Action": null,
"LinkText": "Become a volunteer",
"LinkUrl": "#volunteer",
"LinkTarget": null,
"IsActive": false
},
"SecondaryButton": {
"Variant": "secondary",
"Type": null,
"Disabled": false,
"AriaLabel": null,
"Name": null,
"Value": null,
"Action": null,
"LinkText": "View opportunities",
"LinkUrl": "#opportunities",
"LinkTarget": null,
"IsActive": false
},
"PopUp": null
}
})
♿ Accessibility