Sha256: 322fc8e5daedf7d6c0128c271b59470d20aec3a332dab077336355f52aec5481
Contents?: true
Size: 1.63 KB
Versions: 948
Compression:
Stored size: 1.63 KB
Contents
import React from "react";
import { Nav, NavItem } from 'playbook-ui'
const CollapsibleNav = (props) => {
return (
<Nav
variant="bold"
{...props}
>
<NavItem
active
collapsed={false}
collapsible
iconLeft="city"
link="#"
text="Overview"
{...props}
>
<NavItem
link="#"
text="City"
{...props}
/>
<NavItem
link="#"
text="People"
{...props}
/>
<NavItem
link="#"
text="Business"
{...props}
/>
</NavItem>
<NavItem
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
948 entries across 948 versions & 2 rubygems