Sha256: 49c7076a6b33908363bc11db548e60dc6bdf4a15483795114a905ad5f6ce43b9
Contents?: true
Size: 1.7 KB
Versions: 18
Compression:
Stored size: 1.7 KB
Contents
import React from "react";
import { Nav, NavItem } from '../..'
const CollapsibleNavCustomIcons = (props) => {
return (
<Nav variant="subtle">
<NavItem
collapsible
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
active
collapsible
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
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 CollapsibleNavCustomIcons;
Version data entries
18 entries across 18 versions & 2 rubygems