Sha256: a6f05cc354de7a2f1b7c11af8dd9b7f13faf0d57b44f82097019c1948231fbfc
Contents?: true
Size: 1.76 KB
Versions: 17
Compression:
Stored size: 1.76 KB
Contents
import React from "react";
import Nav from "../_nav";
import NavItem from "../_item";
const CollapsibleNavCustomIcons = (props) => {
return (
<Nav variant="subtle">
<NavItem
collapsible
iconLeft="city"
iconRight={["chevron-down", "chevron-up"]}
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"
iconRight={["chevron-down", "chevron-up"]}
link="#"
text="Albums"
{...props}
>
<NavItem
link="#"
text="Entertainment"
{...props}
/>
<NavItem
link="#"
text="Food"
{...props}
/>
<NavItem
link="#"
text="Style"
{...props}
/>
</NavItem>
<NavItem
collapsible
iconLeft="city"
iconRight={["chevron-down", "chevron-up"]}
link="#"
text="Similar Artists"
{...props}
>
<NavItem
link="#"
text="City"
{...props}
/>
<NavItem
link="#"
text="People"
{...props}
/>
<NavItem
link="#"
text="Business"
{...props}
/>
</NavItem>
</Nav>
);
};
export default CollapsibleNavCustomIcons;
Version data entries
17 entries across 17 versions & 2 rubygems