Sha256: 8aa69d43ff6595417f161fad0070cae84be389498b7b0f6bb42873fef1419c85
Contents?: true
Size: 1.94 KB
Versions: 20
Compression:
Stored size: 1.94 KB
Contents
import React from "react";
import { Nav, NavItem } from '../..'
const CollapsibleNavEmphasize = (props) => {
return (
<Nav variant="bold">
<NavItem
active
collapsible
collapsibleTrail
fontSize="small"
fontWeight="bolder"
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
collapsible
collapsibleTrail
fontSize="small"
fontWeight="bolder"
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
collapsibleTrail
fontSize="small"
fontWeight="bolder"
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 CollapsibleNavEmphasize;
Version data entries
20 entries across 20 versions & 2 rubygems