1. Component Guide
  2. Contextual sidebar
  3. With brexit related links and step by steps
Contextual sidebar example

With brexit related links and step by steps

How it looks (preview)

  1. Step 1 Check if you need to apply to the EU Settlement Scheme

    You may need to apply to the EU Settlement Scheme to continue living in the UK.

    1. Check if you need to apply
  2. Step 2 Find out what status you’ll get

    You’ll get settled or pre-settled status depending on how long you’ve been living in the UK. This might affect when you choose to apply.

    1. Find out what you’ll get

How to call this example

<%= render "govuk_publishing_components/components/contextual_sidebar", {
  content_item: {
    title: "A content item",
    links: {
      taxons: [
        {
          content_id: "d6c2de5d-ef90-45d1-82d4-5f2438369eea",
          title: "Brexit",
          phase: "live"
        }
      ],
      part_of_step_navs: [
        {
          title: "Choosing a micropig or micropug: step by step",
          base_path: "/micropigs-vs-micropugs",
          details: {
            step_by_step_nav: {
              title: "Stay in the UK after it leaves the EU ('settled status'): step by step",
              steps: [
                {
                  title: "Check if you need to apply to the EU Settlement Scheme",
                  contents: [
                    {
                      type: "paragraph",
                      text: "You may need to apply to the EU Settlement Scheme to continue living in the UK. "
                    },
                    {
                      type: "list",
                      contents: [
                        {
                          text: "Check if you need to apply",
                          href: "/settled-status-eu-citizens-families/eligibility"
                        }
                      ]
                    }
                  ],
                  optional: false
                },
                {
                  title: "Find out what status you’ll get",
                  contents: [
                    {
                      type: "paragraph",
                      text: "You’ll get settled or pre-settled status depending on how long you’ve been living in the UK. This might affect when you choose to apply."
                    },
                    {
                      type: "list",
                      contents: [
                        {
                          text: "Find out what you’ll get",
                          href: "/settled-status-eu-citizens-families/what-settled-and-presettled-status-means"
                        }
                      ]
                    }
                  ],
                  optional: false
                }
              ]
            }
          }
        }
      ]
    }
  }
} %>