Sha256: 8366fd0e00b4ce015ba1bcbf323d364945337596fb5b5f7b937645da4b8f0e72

Contents?: true

Size: 1.83 KB

Versions: 18

Compression:

Stored size: 1.83 KB

Contents

import React from "react";
import { Nav, NavItem } from '../..'

const CollapsibleNav = (props) => {
  return (
    <Nav>
      <NavItem
          active
          collapsible 
          collapsibleTrail
          fontWeight="bolder"
          iconLeft="city" 
          iconRight={["plus", "minus"]}
          link="#" 
          text="Overview" 
          {...props}
      >
        <NavItem
            link="#" 
            text="City"
            {...props}
        />
        <NavItem
            link="#"
            text="People"
            {...props}
        />
        <NavItem 
            link="#" 
            text="Business" 
            {...props}
        />
      </NavItem>
      <NavItem 
          collapsible 
          collapsibleTrail
          fontWeight="bolder"
          iconLeft="theater-masks"
          iconRight={["plus", "minus"]}
          link="#" 
          text="Albums" 
          {...props}
      >
        <NavItem 
            link="#" 
            text="Entertainment" 
            {...props}
        />
        <NavItem 
            link="#" 
            text="Food" 
            {...props}
        />
        <NavItem 
            link="#" 
            text="Style" 
            {...props}
        />
      </NavItem>
      <NavItem 
          collapsible 
          collapsibleTrail
          fontWeight="bolder"
          iconLeft="city" 
          iconRight={["plus", "minus"]}
          link="#" 
          text="Similar Artists" 
          {...props}
      >
        <NavItem 
            link="#" 
            text="City"
            {...props} 
        />
        <NavItem
            link="#"
            text="People"
            {...props}
        />
        <NavItem 
            link="#" 
            text="Business" 
            {...props}
        />
      </NavItem>
    </Nav>
  );
};

export default CollapsibleNav

Version data entries

18 entries across 18 versions & 2 rubygems

Version Path
playbook_ui-13.1.0 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui_docs-13.0.0.pre.alpha.salesbookmismatchingdate1120 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui-13.0.0.pre.alpha.salesbookmismatchingdate1120 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui_docs-12.39.0.pre.alpha.salesbookmismatchingdate1117 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui-12.39.0.pre.alpha.salesbookmismatchingdate1117 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui_docs-13.0.0 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui-13.0.0 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui_docs-12.39.0.pre.alpha.salesbookmismatchingdate1114 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui-12.39.0.pre.alpha.salesbookmismatchingdate1114 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui-12.39.0 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui_docs-12.38.0.pre.alpha.PLAY966collapsiblenav41086 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui-12.38.0.pre.alpha.PLAY966collapsiblenav41086 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui_docs-12.38.0.pre.alpha.PLAY966collapsiblenav41082 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui-12.38.0.pre.alpha.PLAY966collapsiblenav41082 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui_docs-12.37.0.pre.alpha.PLAY951collapsiblenav31078 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui-12.37.0.pre.alpha.PLAY951collapsiblenav31078 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui_docs-12.37.0.pre.alpha.PLAY951collapsiblenav31074 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui-12.37.0.pre.alpha.PLAY951collapsiblenav31074 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx