| 1 | ```js
|
| 2 | <BackgroundImage src={'https://www.fillmurray.com/g/1440/300'}/>
|
| 3 | ```
|
| 4 |
|
| 5 | ```js
|
| 6 | <BackgroundImage src='https://www.fillmurray.com/g/320/100'
|
| 7 | sources={
|
| 8 | {
|
| 9 | 960: 'https://www.fillmurray.com/g/1440/800',
|
| 10 | 600: 'https://www.fillmurray.com/g/800/350'
|
| 11 | }
|
| 12 | }
|
| 13 | />
|
| 14 | ```
|
| 15 |
|
| 16 | ```js
|
| 17 | <Grid>
|
| 18 | <Sizer mobile={{width: 4}} desktop={{start: 1, width:6}}>
|
| 19 | <BackgroundImage src='https://www.fillmurray.com/g/320/100'
|
| 20 | sources={
|
| 21 | {
|
| 22 | 960: 'https://www.fillmurray.com/g/1440/800',
|
| 23 | 600: 'https://www.fillmurray.com/g/800/350'
|
| 24 | }
|
| 25 | }
|
| 26 | />
|
| 27 | </Sizer>
|
| 28 | </Grid>
|
| 29 | ```
|