react-ui-responsive-background

NPM Responsive Background

npm install react-ui-responsive-background

import Background from 'react-ui-responsive-background';

<Background {...{
    dataSets: {
        0: {
            src: 'https://i.pinimg.com/236x/6a/21/69/6a2169ff2e8032663f438e23ecb0a41f--pastel-sky-peregrine.jpg', width: 236, height: 354
        },
        1024: {
            src: 'https://images.unsplash.com/photo-1593266314085-c349a6e877b6?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8aGlsbHxlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&w=1000&q=80', width: 1000, height: 1400
        }
    },
    customerClass: {
        container: style.container,
        background: style.background
    }
}}/>

attribute	description	type	oneof	default
className	customize classname of background component	string
dataSets	The group of image with viewport width	object