Sha256: 21624c9e0235259203b32c8d8b9f797bfbd0c4dda0cb5eae8f483d2d59367035
Contents?: true
Size: 1.33 KB
Versions: 1194
Compression:
Stored size: 1.33 KB
Contents
import React from "react"
import { Nav, NavItem } from "playbook-ui"
const CollapsibleNavWithAllOptions = (props) => {
const navItems = ["Overview", "Albums", "Similar Artists"]
return (
<>
<Nav
variant="bold"
{...props}
>
{navItems.map((text, index) => {
return (
<NavItem
collapsible
collapsibleTrail
fontWeight="bolder"
iconLeft="city"
iconRight={["plus", "minus"]}
key={index}
link="#"
text={text}
{...props}
>
<NavItem
fontSize="small"
link="#"
marginY="none"
text="City"
{...props}
/>
<NavItem
fontSize="small"
link="#"
marginY="none"
text="People"
{...props}
/>
<NavItem
fontSize="small"
link="#"
marginY="none"
text="Business"
{...props}
/>
</NavItem>
);
})}
</Nav>
</>
)
}
export default CollapsibleNavWithAllOptions
Version data entries
1,194 entries across 1,194 versions & 2 rubygems