Sha256: 174f6d4cb08538abbab5c165b53ec9906e6724d5f7e9706a59c4ef56e2f5c2cd
Contents?: true
Size: 1.29 KB
Versions: 8
Compression:
Stored size: 1.29 KB
Contents
import React from 'react'
import { Card, Layout, Nav, NavItem } from '../../'
const Cards = ({ n }) => {
const cards = []
for (let i = 0; i < n; ++i) {
cards.push(<Card>{'Card content'}</Card>)
}
return (cards)
}
const LayoutCollectionDetail = (props) => {
return (
<div>
<Layout
layout="collection_detail"
{...props}
>
<Card padding="none">
{
<Nav
link="#"
marginTop="sm"
orientation="vertical"
title="Menu"
{...props}
>
<NavItem
link="#"
text="Photos"
{...props}
/>
<NavItem
link="#"
text="Music"
{...props}
/>
<NavItem
active
link="#"
text="Video"
{...props}
/>
<NavItem
link="#"
text="Files"
{...props}
/>
</Nav>
}
</Card>
<Layout.Body>
<Cards n={16} />
</Layout.Body>
</Layout>
</div>
)
}
export default LayoutCollectionDetail
Version data entries
8 entries across 8 versions & 1 rubygems