Contents

import React from 'react'
import { Nav } from '../../'
import NavItem from '../_item.jsx'

const SubtleHorizontalNav = () => {
  return (
    <Nav
        link="#"
        orientation="horizontal"
        variant="subtle"
    >
      <NavItem
          link="#"
          text="About"
      />
      <NavItem
          active
          link="#"
          text="Case Studies"
      />
      <NavItem
          link="#"
          text="Service"
      />
      <NavItem
          link="#"
          text="Contacts"
      />
    </Nav>
  )
}

export default SubtleHorizontalNav

Version data entries

4 entries across 4 versions & 1 rubygems

Version	Path
playbook_ui-7.11.1	app/pb_kits/playbook/pb_nav/docs/_subtle_horizontal_nav.jsx
playbook_ui-7.11.0	app/pb_kits/playbook/pb_nav/docs/_subtle_horizontal_nav.jsx
playbook_ui-7.11.0.pre.alpha1	app/pb_kits/playbook/pb_nav/docs/_subtle_horizontal_nav.jsx
playbook_ui-7.10.0	app/pb_kits/playbook/pb_nav/docs/_subtle_horizontal_nav.jsx