Sha256: 8e4e2d3b89e8af12dd27704963b779c7db2a746f60611b62224d275fa3625aab

Contents?: true

Size: 515 Bytes

Versions: 9

Compression:

Stored size: 515 Bytes

Contents

/* @flow */

import React from 'react'

type NavItemProps = {
  text: String,
  link: String,
  active?: Boolean,
  children: React.Node,
}

const NavItem = ({
  text = '',
  link = '',
  active = false,
  children,
}: NavItemProps) => (
  <li className={`pb_nav_list_border_item${active ? '_active' : ''}`}>
    <a
        className="pb_nav_list_item_link"
        href={link}
    >
      <span className="pb_nav_list_item_text">
        {text || children}
      </span>
    </a>
  </li>
)

export default NavItem

Version data entries

9 entries across 9 versions & 1 rubygems

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