Sha256: 3c79b4d25e03a9139211559387cb24cec1e33c5ac12f28aec0719237dd7303c6

Contents?: true

Size: 1.07 KB

Versions: 29

Compression:

Stored size: 1.07 KB

Contents

/* @flow */

import React from 'react'
import { Caption } from '../'
import { buildCss } from '../utilities/props'

type NavProps = {
  title: String,
  orientation?: 'vertical' | 'horizontal',
  link: String,
  children?: React.Node,
  className?: String | Array<String>,
  highlight?: Boolean,
  variant?: 'normal' | 'subtle',
  onClick?: EventHandler,
}
const Nav = ({
  title = '',
  orientation = 'vertical',
  link = '',
  children,
  className,
  highlight = true,
  variant = 'normal',
  onClick = () => {},
}: NavProps) => {
  const cardCss = buildCss('pb_nav_list', variant, orientation, className, {
    'highlight': highlight,
  })
  return (
    <div className={cardCss}>
      <If condition={title}>
        <div className="pb_nav_list_title">
          <a
              className="pb_nav_list_item_link_text"
              href={link}
              onClick={onClick}
          >
            <Caption
                size="md"
                text={`${title}`}
            />
          </a>
        </div>
      </If>
      <ul>{children}</ul>
    </div>
  )
}

export default Nav

Version data entries

29 entries across 29 versions & 1 rubygems

Version Path
playbook_ui-4.17.0.pre.alpha1 app/pb_kits/playbook/pb_nav/_nav.jsx
playbook_ui-4.16.0 app/pb_kits/playbook/pb_nav/_nav.jsx
playbook_ui-4.15.0 app/pb_kits/playbook/pb_nav/_nav.jsx
playbook_ui-4.14.0 app/pb_kits/playbook/pb_nav/_nav.jsx
playbook_ui-4.15.1.alpha1 app/pb_kits/playbook/pb_nav/_nav.jsx
playbook_ui-4.13.1 app/pb_kits/playbook/pb_nav/_nav.jsx
playbook_ui-4.13.0 app/pb_kits/playbook/pb_nav/_nav.jsx
playbook_ui-4.12.0 app/pb_kits/playbook/pb_nav/_nav.jsx
playbook_ui-4.11.0 app/pb_kits/playbook/pb_nav/_nav.jsx
playbook_ui-4.11.0.pre.alpha3 app/pb_kits/playbook/pb_nav/_nav.jsx
playbook_ui-4.11.0.pre.alpha.pre.2 app/pb_kits/playbook/pb_nav/_nav.jsx
playbook_ui-4.10.0 app/pb_kits/playbook/pb_nav/_nav.jsx
playbook_ui-4.10.0.pre.alpha1 app/pb_kits/playbook/pb_nav/_nav.jsx
playbook_ui-4.9.0.pre.alpha1 app/pb_kits/playbook/pb_nav/_nav.jsx
playbook_ui-4.9.0 app/pb_kits/playbook/pb_nav/_nav.jsx
playbook_ui-4.8.2 app/pb_kits/playbook/pb_nav/_nav.jsx
playbook_ui-4.8.1 app/pb_kits/playbook/pb_nav/_nav.jsx
playbook_ui-4.7.1 app/pb_kits/playbook/pb_nav/_nav.jsx
playbook_ui-4.7.0 app/pb_kits/playbook/pb_nav/_nav.jsx
playbook_ui-4.6.1 app/pb_kits/playbook/pb_nav/_nav.jsx