1. Basic (no secondary navigation)

Nunjucks code 

         {{ govukOneLoginServiceHeader({ signOutLink: "/test"}) }}

2. With Service Navigation component

Nunjucks code 

        
          {{ govukOneLoginServiceHeader({
            signOutLink:  "/test", 
            serviceNavigationParams: { 
              navigation: [
              {
                href: "#navigation1", 
                text: "Navigation item 1" 
              },{
                href: "#navigation2", 
                text: "Navigation item 2",
                active: true
              },{
                href: "#navigation3", 
                text: "Navigation item 3"
              }], 
              serviceName: "A very useful service with a relatively long name", 
              navigationLabel: "Test label" 
            }
          })}}

The code above is for reference for Nunjucks users only – if you do not use Nunjucks in your service please follow the instructions to copy the header into your service.

A very useful service with a relatively long name