Sha256: c313061bf6eaefdac0da8b68ebb6686423224ff7f2de0aad303f9cc56bd634fb

Contents?: true

Size: 1.1 KB

Versions: 472

Compression:

Stored size: 1.1 KB

Contents

import React from 'react'

import Nav from '../_nav'
import NavItem from '../_item'

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

472 entries across 472 versions & 2 rubygems

Version Path
playbook_ui_docs-12.36.0.pre.alpha.svgiconmethods1059 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-12.36.0.pre.alpha.svgiconmethods1059 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui_docs-12.36.0.pre.alpha.PLAY936momentjs1058 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-12.36.0.pre.alpha.PLAY936momentjs1058 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui_docs-12.36.0.pre.alpha.PLAY936momentjs1050 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-12.36.0.pre.alpha.PLAY936momentjs1050 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui_docs-12.36.0.pre.alpha.PLAY936momentjs1047 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-12.36.0.pre.alpha.PLAY936momentjs1047 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui_docs-12.36.0.pre.alpha.svgiconmethods1043 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-12.36.0.pre.alpha.svgiconmethods1043 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui_docs-12.36.0.pre.alpha.PLAY942collapsiblenav21035 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-12.36.0.pre.alpha.PLAY942collapsiblenav21035 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui_docs-12.36.0 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-12.36.0 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui_docs-12.35.0.pre.alpha.iconpocwebfonts1023 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-12.35.0.pre.alpha.iconpocwebfonts1023 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-12.35.0 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui_docs-12.34.0.pre.alpha.fixdialogcloseevents1004 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui-12.34.0.pre.alpha.fixdialogcloseevents1004 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
playbook_ui_docs-12.34.0.pre.alpha.fixdialogcloseevents1003 app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx