---
meta:
  title: Page Nav
  description:
layout: component
---

```html:preview

<zn-page-nav
  navigation="{&quot;data&quot;: [{&quot;title&quot;:&quot;Page Nav&quot;,&quot;items&quot;:[{ &quot;label&quot;: &quot;First Example&quot;, &quot;uri&quot;: &quot;TODO&quot; }, { &quot;label&quot;: &quot;Second Example&quot;, &quot;uri&quot;: &quot;TODO&quot; }]}, { &quot;title&quot;: &quot;Page Nav 2&quot;, &quot;items&quot;: [{ &quot;label&quot;: &quot;First Example&quot;, &quot;uri&quot;: &quot;TODO&quot;  }, { &quot;label&quot;: &quot;Second Example&quot;, &quot;uri&quot;: &quot;TODO&quot;}]}]}">
</zn-page-nav>
```

## Examples

### First Example

TODO

### Second Example

TODO