Sha256: bb65cbe7c712935988962222b387e8b9491e6f9af9d36d1d0a6349fdb6c2739a
Contents?: true
Size: 1.98 KB
Versions: 64
Compression:
Stored size: 1.98 KB
Contents
import React from 'react'
import Card from '../_card'
import Title from '../../pb_title/_title'
import Body from '../../pb_body/_body'
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
64 entries across 64 versions & 1 rubygems