Sha256: 612bf41792d8dea6a5eeb0b4b1587fd873cdeb071416b2f206eb29c913dba566
Contents?: true
Size: 1.64 KB
Versions: 234
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
234 entries across 234 versions & 2 rubygems