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