Nav

Property	Value
description	Stock Etch loop template for static navigation data.
related	Etch Stock Loops, Etch

Overview

The Nav loop is a stock Etch loop template for static navigation data, including nested children and a call-to-action item.

Data

[
  {
    "label": "Home",
    "url": "/"
  },
  {
    "label": "About",
    "url": "/about"
  },
  {
    "label": "Services",
    "children": [
      {
        "label": "Item 3.1",
        "url": "/dropdown1"
      },
      {
        "label": "Item 3.2",
        "url": "/dropdown2"
      },
      {
        "label": "Item 3.3",
        "url": "/dropdown3"
      },
      {
        "label": "Item 3.4",
        "url": "/dropdown4"
      }
    ]
  },
  {
    "label": "Contact",
    "url": "/contact"
  },
  {
    "label": "Call to Action",
    "url": "/",
    "class": "btn--primary"
  }
]