react-conventions/docs/src/app/pages/components/Nav/ExampleNavDefault.js

An open source set of React components that implement Ambassador's Design and UX patterns.

import React from 'react'
import Icon from 'react-conventions/lib/Icon'
import Nav from 'react-conventions/lib/Nav'
import style from './style'

const data = [
  {
    name: 'Item 1',
    action: '/components/nav',
    icon: 'icon-hammer-2',
    nav: [
      {
        name: 'Internal Link',
        action: '/patterns'
      }, {
        name: 'External Link (New Window)',
        external: true,
        action: 'https://example.com'
      }, {
        name: 'External Link (Same Window)',
        external: true,
        self: true,
        action: 'https://example.com'
      }, {
        name: 'Callback function',
        action: function() {
          alert('callback')
        }
      },
    ]
  }, {
    name: 'Item 2',
    action: '/components/nav'
  }, {
    name: 'Item 3',
    action: '/components/nav'
  }
];

const ExampleNavDefault = () => (
  <Nav data={data} optClass={style.inverted} />
)

export default ExampleNavDefault;