Sha256: 7a803a11d88709218c3d307e094422865559ad09c47ef4fcb36346f514c8d4e9

Contents?: true

Size: 1.59 KB

Versions: 17

Compression:

Stored size: 1.59 KB

Contents

import React from "react";

import Nav from "../_nav";
import NavItem from "../_item";

const CollapsibleNav = (props) => {
  return (
    <Nav variant="subtle">
      <NavItem
          collapsible 
          iconLeft="city" 
          link="#" 
          text="Overview" 
          {...props}
      >
        <NavItem
            link="#" 
            text="City"
            {...props}
        />
        <NavItem
            link="#"
            text="People"
            {...props}
        />
        <NavItem 
            link="#" 
            text="Business" 
            {...props}
        />
      </NavItem>
      <NavItem 
          active 
          collapsible 
          iconLeft="theater-masks"
          link="#" 
          text="Albums" 
          {...props}
      >
        <NavItem 
            link="#" 
            text="Entertainment" 
            {...props}
        />
        <NavItem 
            link="#" 
            text="Food" 
            {...props}
        />
        <NavItem 
            link="#" 
            text="Style" 
            {...props}
        />
      </NavItem>
      <NavItem 
          collapsible 
          iconLeft="city" 
          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

17 entries across 17 versions & 2 rubygems

Version Path
playbook_ui_docs-12.36.0.pre.alpha.svgiconmethods1059 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui-12.36.0.pre.alpha.svgiconmethods1059 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui_docs-12.36.0.pre.alpha.PLAY936momentjs1058 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui-12.36.0.pre.alpha.PLAY936momentjs1058 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui_docs-12.36.0.pre.alpha.PLAY936momentjs1050 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui-12.36.0.pre.alpha.PLAY936momentjs1050 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui_docs-12.36.0.pre.alpha.PLAY936momentjs1047 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui-12.36.0.pre.alpha.PLAY936momentjs1047 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui_docs-12.36.0.pre.alpha.svgiconmethods1043 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui-12.36.0.pre.alpha.svgiconmethods1043 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui_docs-12.36.0 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui-12.36.0 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui_docs-12.35.0.pre.alpha.iconpocwebfonts1023 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui-12.35.0.pre.alpha.iconpocwebfonts1023 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui-12.35.0 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui_docs-12.33.1.pre.alpha.PLAY933navkitcollapsible994 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx
playbook_ui-12.33.1.pre.alpha.PLAY933navkitcollapsible994 app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx