# NavRow

Note: the links and animation do not work in the documentation as Vue Router is not used for routing

<DemoContainer>
  <NavRow :links="[
        {
          label: 'Avatar',
          href: '/components/avatar.html',
        },
        {
          label: 'Badge',
          href: '/components/nav-row.html',
        },
        {
          label: 'Pagination',
          href: '/components/Pagination.html',
        },
        {
          label: 'NavRow',
          href: '/components/nav-row.html',
        }
      ]" 
/>
</DemoContainer>

```vue
  <NavRow :links="[
        {
          label: 'Avatar',
          href: '/components/avatar.html',
        },
        {
          label: 'Badge',
          href: '/components/nav-row.html',
        },
        {
          label: 'Pagination',
          href: '/components/Pagination.html',
        },
        {
          label: 'NavRow',
          href: '/components/nav-row.html',
        }
      ]" 
/>
```