Sha256: e88c621e3d2d3e9eafd8acb0db7d14797c477f7e071e2022320093785fa9770f

Contents?: true

Size: 574 Bytes

Versions: 9

Compression:

Stored size: 574 Bytes

Contents

/* @flow */

import React from 'react'
import { Caption } from '../'

type NavProps = {
  link: String,
  title: String,
  orientation?: 'vertical' | 'horizontal',
  children?: React.Node,
}

const Nav = ({
  title = '',
  orientation = 'vertical',
  children,
}: NavProps) => (
  <div className={`pb_nav_list_${orientation}`}>
    <div className="pb_nav_list_title">
      <a className="pb_nav_list_item_link_text">
        <Caption
            size="md"
            text={`${title}`}
        />
      </a>
    </div>
    <ul>{children}</ul>
  </div>
)

export default Nav

Version data entries

9 entries across 9 versions & 1 rubygems

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