react-siema
react-siema copied to clipboard
Can't make a slide with background image
Here is the JSS:
sliderBox: {
height: 600
},
slider: {
height: 600,
width: "100%"
},
slide: {
backgroundPosition: "center center",
backgroundRepeat: "no-repeat",
backgroundSize: "cover",
height: 600,
width: "100%"
}
Here is the slider:
<ReactSiema
{...options}
ref={siema => (slider = siema)}
className={classes.slider}
>
{images.map((img, index) => (
<div
className={classes.slide}
style={{ backgroundImage: `url(${img})` }}
/>
))}
</ReactSiema>
Any ideas?