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

JumpLinks / Default Jump Links

Jump links with sample navigation items

Layout
Properties
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
Component Code
@await Html.PartialAsync("~/Components/Molecules/JumpLinks/JumpLinks.cshtml", new JumpLinksProps
{
"Heading": "On this page",
"Links": [
{
"LinkText": "What\u0027s the challenge?",
"LinkUrl": "#whats-the-challenge",
"LinkTarget": null,
"IsActive": false
},
{
"LinkText": "What\u0027s the science behind the project?",
"LinkUrl": "#whats-the-science",
"LinkTarget": null,
"IsActive": false
},
{
"LinkText": "Who\u0027s leading the research?",
"LinkUrl": "#whos-leading",
"LinkTarget": null,
"IsActive": false
},
{
"LinkText": "How will this help people?",
"LinkUrl": "#how-will-this-help",
"LinkTarget": null,
"IsActive": false
}
]
})
♿ Accessibility