Sha256: 9476c20ea33ed28bd4cecea59e4653141cad17a02c22e1c8935ae04c1b63df4a
Contents?: true
Size: 1.64 KB
Versions: 10
Compression:
Stored size: 1.64 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}
marginBottom="sm"
size={4}
tag="h4"
text="Card Colors"
/>
<Card
background="dark"
dark
marginBottom="sm"
{...props}
>
<Body
dark
text="Dark"
/>
</Card>
<Card
marginBottom="sm"
{...props}
>
<Body
text="White / Default"
{...props}
/>
</Card>
<Card
background="light"
marginBottom="sm"
{...props}
>
<Body text="Light" />
</Card>
<Title
{...props}
marginBottom="sm"
size={4}
tag="h4"
text="Product Colors"
/>
<Card
background="product_1_background"
marginBottom="sm"
{...props}
>
<Body
dark
text="Product 1 Background"
/>
</Card>
<Card
background="product_7_highlight"
marginBottom="sm"
{...props} >
<Body
dark
text="Product 7 Highlight"
/>
</Card>
<Card
background="product_2_highlight"
marginBottom="sm"
{...props}
>
<Body
dark
text="Product 2 Highlight"
/>
</Card>
</div>
)
}
export default CardBackground
Version data entries
10 entries across 10 versions & 1 rubygems