Sha256: 9e976daa41400ede5c0d8b4dd5bb1e80f6389fd43d187687d4dd1cc8f8e5fb9e
Contents?: true
Size: 1.91 KB
Versions: 170
Compression:
Stored size: 1.91 KB
Contents
import React from 'react'
import { Body, Card, Title } from '../../'
const CardHeader = (props) => {
return (
<div>
<Title
{...props}
size={4}
tag="h4"
text="Category Colors"
/>
<br />
<Card
{...props}
padding="none"
>
<Card.Header>
<Body
{...props}
text="category_1"
/>
</Card.Header>
<Card.Body>
<Body
{...props}
text="Body"
/>
</Card.Body>
</Card>
<br />
<Card
{...props}
padding="none"
>
<Card.Header
headerColor="category_2"
>
<Body
{...props}
text="category_2"
/>
</Card.Header>
<Card.Body
padding="md"
>
<Body
{...props}
text="Body"
/>
</Card.Body>
</Card>
<br />
<Title
{...props}
size={4}
tag="h4"
text="Product Colors"
/>
<br />
<Card
{...props}
padding="none"
>
<Card.Header
headerColor="siding"
>
<Body
{...props}
text="Siding"
/>
</Card.Header>
<Card.Body>
<Body
{...props}
text="Body"
/>
</Card.Body>
</Card>
<br />
<Card
{...props}
padding="none"
>
<Card.Header
headerColor="gutters"
>
<Body
{...props}
text="Gutters"
/>
</Card.Header>
<Card.Body>
<Body
{...props}
text="Body"
/>
</Card.Body>
</Card>
</div>
)
}
export default CardHeader
Version data entries
170 entries across 170 versions & 1 rubygems