Sha256: 22eaeb7feebd6a4d21ab36f3fa8eba37b2b9b6124b5457068498a76e5bc28bfd
Contents?: true
Size: 1.3 KB
Versions: 86
Compression:
Stored size: 1.3 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 key={i}>{'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
86 entries across 86 versions & 1 rubygems