Sha256: 08df45da8fac756092f42124f89d2827ef584c1832e4eb8512d1dd87d72cd320
Contents?: true
Size: 1.45 KB
Versions: 132
Compression:
Stored size: 1.45 KB
Contents
import React from 'react'
import Title from '../../pb_title/_title'
import { Body } from '../../'
import Card from '../_card'
const CardBackground = (props) => {
return (
<div>
<Title
{...props}
size={4}
tag="h4"
text="Card Colors"
/>
<br />
<Card
background="dark"
dark
{...props}
>
<Body
color="lighter"
text="Dark"
{...props}
/>
</Card>
<br />
<Card>
<Body
text="White"
/>
</Card>
<br />
<Card
background="light"
{...props}
>
<Body
text="Light"
/>
</Card>
<br />
<Title
{...props}
size={4}
tag="h4"
text="Product Colors"
/>
<br />
<Card
background="windows"
{...props}
>
<Body
color="lighter"
text="Windows"
{...props}
/>
</Card>
<br />
<Card
background="siding"
{...props}
>
<Body
text="Siding"
{...props}
/>
</Card>
<br />
<Card
background="doors"
{...props}
>
<Body
text="Doors"
{...props}
/>
</Card>
<br />
</div>
)
}
export default CardBackground
Version data entries
132 entries across 132 versions & 1 rubygems