Sha256: 78df4db0d07319b8ec949653cde176ef50009369f887d17a875973f0da1a8bad
Contents?: true
Size: 1.12 KB
Versions: 122
Compression:
Stored size: 1.12 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 = () => {
return (
<div>
<Layout
layout="collection_detail"
>
<Card padding="none">
{
<Nav
link="#"
marginTop="sm"
orientation="vertical"
title="Menu"
>
<NavItem
link="#"
text="Photos"
/>
<NavItem
link="#"
text="Music"
/>
<NavItem
active
link="#"
text="Video"
/>
<NavItem
link="#"
text="Files"
/>
</Nav>
}
</Card>
<Layout.Body>
<Cards n={16} />
</Layout.Body>
</Layout>
</div>
)
}
export default LayoutCollectionDetail
Version data entries
122 entries across 122 versions & 1 rubygems