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

SidebarMenu / Default Sidebar Menu

Sidebar menu with 'In this section' heading and typical navigation links

Layout
Properties
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
Component Code
@await Html.PartialAsync("~/Components/Molecules/SidebarMenu/SidebarMenu.cshtml", new SidebarMenuProps
{
"Heading": "In this section",
"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
}
],
"LogoutUrl": ""
})
♿ Accessibility