Sha256: 72793a7095151740ddd88f27d3ce58769b83eaf0676a60925eab6b7e6e18f951
Contents?: true
Size: 948 Bytes
Versions: 17
Compression:
Stored size: 948 Bytes
Contents
import React from 'react'
import { Background } from '../..'
import { Card, Flex, FlexItem, Title } from '../..'
const BackgroundImage = () => (
<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>
)
export default BackgroundImage
Version data entries
17 entries across 17 versions & 1 rubygems