Sha256: 8a8a6008771561b3225c0dd09e09d65d6b9884f2b6c42b7b5ec2721eedcd9e3e
Contents?: true
Size: 1.92 KB
Versions: 948
Compression:
Stored size: 1.92 KB
Contents
import React from "react";
import { Nav, NavItem } from 'playbook-ui'
const CollapsibleNavItemSpacing = (props) => {
return (
<Nav
itemSpacing={{padding: "xs", marginY: "none"}}
variant="bold"
{...props}
>
<NavItem
active
collapsible
iconLeft="city"
link="#"
text="Overview"
{...props}
>
<NavItem
link="#"
paddingY="none"
text="City"
{...props}
/>
<NavItem
link="#"
paddingY="none"
text="People"
{...props}
/>
<NavItem
link="#"
paddingY="none"
text="Business"
{...props}
/>
</NavItem>
<NavItem
collapsible
iconLeft="theater-masks"
link="#"
text="Albums"
{...props}
>
<NavItem
link="#"
paddingY="none"
text="Entertainment"
{...props}
/>
<NavItem
link="#"
paddingY="none"
text="Food"
{...props}
/>
<NavItem
link="#"
paddingY="none"
text="Style"
{...props}
/>
</NavItem>
<NavItem
collapsible
iconLeft="city"
link="#"
text="Similar Artists"
{...props}
>
<NavItem
link="#"
paddingY="none"
text="City"
{...props}
/>
<NavItem
link="#"
paddingY="none"
text="People"
{...props}
/>
<NavItem
link="#"
paddingY="none"
text="Business"
{...props}
/>
</NavItem>
</Nav>
);
};
export default CollapsibleNavItemSpacing
Version data entries
948 entries across 948 versions & 2 rubygems