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

HeroDfd / Hero without Jump Links

Hero with content but without the jump links section

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":"/"}])
Component Code
@await Html.PartialAsync("~/Components/Organisms/HeroDfd/HeroDfd.cshtml", new HeroDfdProps
{
"Breadcrumb": {
"Items": [
{
"Name": "Home",
"Url": "/"
},
{
"Name": "Support",
"Url": "/support"
}
],
"MobileBackLinkText": null,
"BackToPrefix": "Back to ",
"Variant": ""
},
"Category": "Information",
"Title": "Understanding breast cancer",
"Subtitle": "Knowledge is power",
"IntroCopy": "Get the facts about breast cancer, its symptoms, and treatment options.",
"JumpLinks": [],
"CtaButton": {
"Variant": "primary",
"Type": null,
"Disabled": false,
"AriaLabel": null,
"Name": null,
"Value": null,
"Action": null,
"LinkText": "Learn more",
"LinkUrl": "/learn-more",
"LinkTarget": null,
"IsActive": false
},
"ImageHtml": {},
"ContactDetails": null,
"CtaStickyOnMobile": false
})
♿ Accessibility