Sha256: de9e17eb1384fabc68980fd38179dcf4d73e75d965b0e48f878ee0428fc95bb4

Contents?: true

Size: 1.11 KB

Versions: 94

Compression:

Stored size: 1.11 KB

Contents

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

const SubtleWithIconsNav = (props) => {
  return (
    <Nav variant="subtle">
      <NavItem
          iconLeft="city"
          link="#"
          text="City"
          {...props}
      />
      <NavItem
          iconLeft="user-friends"
          iconRight="angle-down"
          link="#"
          text="People"
          {...props}
      />
      <NavItem
          active
          iconLeft="user-tie"
          link="#"
          text="Business"
          {...props}
      />
      <NavItem
          iconLeft="theater-masks"
          link="#"
          text="Entertainment"
          {...props}
      />
      <NavItem
          iconLeft="salad"
          iconRight="angle-down"
          link="#"
          text="Food"
          {...props}
      />
      <NavItem
          iconLeft="sunglasses"
          link="#"
          text="Style"
          {...props}
      />
      <NavItem
          iconLeft="child"
          link="#"
          text="Childern"
          {...props}
      />
    </Nav>
  )
}

export default SubtleWithIconsNav

Version data entries

94 entries across 94 versions & 1 rubygems

Version Path
playbook_ui-9.19.0 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-9.19.0.pre.alphafonts app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-9.18.0.flow.bin.alpha app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-9.18.0 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-9.17.0 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-9.17.0.pre.decouple.website2 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-9.16.0 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-9.15.0 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-9.15.0.pre.decouple.website1 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-9.14.1.alpha.radio.alignment app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-9.14.1.alpha.highcharts9 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-9.14.1 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-9.13.0 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-9.12.0 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-9.12.0.pre.text.addon app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-9.11.0 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-9.10.0 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-9.10.0.pre.date.time.stacked.1 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-9.10.0.pre.alpha2 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-9.10.0.pre.alpha1 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx