sc-react-ions/docs/src/app/_config/NavData.js

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

const nav = [
  {
    name: 'Foundations',
    action: '/foundations',
    nav: [
      {
        name: 'Colors',
        action: '/foundations/colors'
      },
      {
        name: 'Iconography',
        action: '/foundations/iconography'
      }
    ]
  }, {
    name: 'Components',
    action: '/components',
    nav: [
      {
        name: 'Alerts',
        action: '/components/alerts'
      }, {
        name: 'Avatar',
        action: '/components/avatar'
      }, {
        name: 'Badge',
        action: '/components/badge'
      }, {
        name: 'Breadcrumb',
        action: '/components/breadcrumb'
      }, {
        name: 'Button Group',
        action: '/components/button-group'
      }, {
        name: 'Buttons',
        action: '/components/buttons'
      }, {
        name: 'Checkbox',
        action: '/components/checkbox'
      }, {
        name: 'Chip',
        action: '/components/chip'
      }, {
        name: 'Color Picker',
        action: '/components/color-picker'
      }, {
        name: 'Date Picker',
        action: '/components/date-picker'
      }, {
        name: 'Dropdown',
        action: '/components/dropdown'
      }, {
        name: 'File Upload',
        action: '/components/file-upload'
      }, {
        name: 'Form Group',
        action: '/components/form-group'
      }, {
        name: 'Icons',
        action: '/components/icons'
      }, {
        name: 'Inline Edit',
        action: '/components/inline-edit'
      }, {
        name: 'Input',
        action: '/components/input'
      }, {
        name: 'Input List',
        action: '/components/input-list'
      }, {
        name: 'Modal',
        action: '/components/modal'
      }, {
        name: 'Multi Select',
        action: '/components/multi-select'
      }, {
        name: 'Nav',
        action: '/components/nav'
      }, {
        name: 'Panel Group',
        action: '/components/panel-group'
      }, {
        name: 'Popover',
        action: '/components/popover'
      }, {
        name: 'Progress Bar',
        action: '/components/progress-bar'
      }, {
        name: 'Radio',
        action: '/components/radio-group'
      }, {
        name: 'Select Field',
        action: '/components/select-field'
      }, {
        name: 'Sortable List',
        action: '/components/sortable-list'
      }, {
        name: 'Spinner',
        action: '/components/spinner'
      }, {
        name: 'Tabs',
        action: '/components/tabs'
      }, {
        name: 'Textarea',
        action: '/components/textarea'
      }, {
        name: 'Text Editor',
        action: '/components/text-editor'
      }, {
        name: 'Toggle',
        action: '/components/toggle'
      }, {
        name: 'Tooltip',
        action: '/components/tooltip'
      }, {
        name: 'Typeahead',
        action: '/components/typeahead'
      }
    ]
  }
]

export default nav