Sha256: 7249033f68846616ee146105ace83057fb2637d70a12e0fdc2c2bd1564ca139a
Contents?: true
Size: 1.16 KB
Versions: 1007
Compression:
Stored size: 1.16 KB
Contents
import React, { Fragment as F } from 'react'
import { Background } from 'playbook-ui'
const BackgroundSize = (props) => (
<F>
<Background
alt="colorful background"
backgroundSize="auto"
className="background lazyload"
imageUrl="https://images.unsplash.com/photo-1528459801416-a9e53bbf4e17?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=80"
padding="xl"
{...props}
/>
<br/>
<Background
alt="colorful background"
backgroundSize="cover"
className="background lazyload"
imageUrl="https://images.unsplash.com/photo-1528459801416-a9e53bbf4e17?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=80"
padding="xl"
{...props}
/>
<br/>
<Background
alt="colorful background"
backgroundRepeat="no-repeat"
backgroundSize="contain"
className="background lazyload"
imageUrl="https://images.unsplash.com/photo-1528459801416-a9e53bbf4e17?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=80"
padding="xl"
{...props}
/>
</F>
)
export default BackgroundSize
Version data entries
1,007 entries across 1,007 versions & 2 rubygems