Sha256: 2250cfc76775206950081e11c22c85b92540c7b47762d9f4f96bfdca4a8f5953

Contents?: true

Size: 553 Bytes

Versions: 9

Compression:

Stored size: 553 Bytes

Contents

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

const HorizontalNav = () => {
  return (
    <Nav
        link="#"
        orientation="horizontal"
        title="Title example"
    >
      <NavItem
          active
          link="#"
          text="Active Nav Item using text prop"
      />
      <NavItem
          link="#"
          text="Nav Item using text prop"
      />
      <NavItem
          link="#"
          text="Nav Item using text prop"
      />
    </Nav>
  )
}

export default HorizontalNav

Version data entries

9 entries across 9 versions & 1 rubygems

Version Path
playbook_ui-4.1.2 app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx
playbook_ui-4.1.1 app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx
playbook_ui-4.1.0 app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx
playbook_ui-4.0.1 app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx
playbook_ui-4.0.0 app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx
playbook_ui-3.5.0 app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx
playbook_ui-3.4.0 app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx
playbook_ui-3.3.0 app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx
playbook_ui-3.2.0 app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx