Sha256: 463e352e0af92e9509aa88368adedd9447ca0713232d97efeb84062f2c25e438
Contents?: true
Size: 1.46 KB
Versions: 37
Compression:
Stored size: 1.46 KB
Contents
import React from 'react'
import Title from '../../pb_title/_title'
import { Body } from '../../'
import Card from '../_card.jsx'
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
37 entries across 37 versions & 1 rubygems