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

HeroPink / Eyebrow, Title, Text with Background Pattern

Hero with decorative background pattern overlay (desktop only)

Layout
Properties
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
Component Code
@await Html.PartialAsync("~/Components/Organisms/HeroPink/HeroPink.cshtml", new HeroPinkProps
{
"Label": "Healthcare Information",
"Heading": "ALREADY HAVE A PLACE",
"IntroText": "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 in volved.",
"Breadcrumb": {
"Items": [
{
"Name": "Home",
"Url": "/"
},
{
"Name": "Grandparent",
"Url": "/grandparent"
},
{
"Name": "Parent",
"Url": "/grandparent/parent"
}
],
"MobileBackLinkText": null,
"BackToPrefix": "Back to ",
"Variant": ""
},
"PrimaryButton": null,
"SecondaryButton": null,
"ImageHtml": null,
"ShowBackgroundPattern": true,
"ShowBorder": false,
"DonationForm": null,
"ShowBiscuit": false,
"PopUp": null
})
♿ Accessibility