Sha256: d6eb19dad34910259322876f76f513c4587fb9cfd6a0306f06d50917df58a45d
Contents?: true
Size: 1005 Bytes
Versions: 10
Compression:
Stored size: 1005 Bytes
Contents
import React from 'react'
import { Background } from '../..'
import { Card, Flex, FlexItem, Title } from '../..'
const BackgroundImage = () => (
<div>
<Background imageUrl="https://images.unsplash.com/photo-1528459801416-a9e53bbf4e17?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=80">
<Flex
orientation="column"
vertical="center"
>
<FlexItem>
<Title
dark
padding="lg"
size={1}
text="Background Kit Image"
/>
</FlexItem>
<FlexItem padding="lg">
<Card shadow="deepest">
{'We cannot seek achievement for ourselves and forget about progress and prosperity for our community... Our ambitions must be broad enough to include the aspirations and needs of others, for their sakes and for our own. - Cesar Chavez'}
</Card>
</FlexItem>
</Flex>
</Background>
</div>
)
export default BackgroundImage
Version data entries
10 entries across 10 versions & 1 rubygems