Carousel Slides CSS Layout not covered in readme code sample

[pebanfield]

Hello -

I have included a carousel component instance per the readme. My project compiles without error and expected html is generated from my data binding.

The layout of slides appears to be one on top of the other as if the slide styles are broken. Looking at each slide in the dom inspector it appears that the dimensions are the same as the slider and so each are overlapping.

My guess would be that I am somehow supposed to attach an individual Slide style? This is not covered in the readme, but examples do show a className set for each slide instance? Perhaps not a code issue, but simply some missing explanation in the instructions? Thanks.

[pebanfield]

Adding a style object to both the Slider and Slide elements does appear to resolve the layout rendering issue.

For example -

{panels.map((videoList, index) => (
<React.Fragment key={index}>
<h3 style={{marginLeft: 20}}>{videoList.headline}
<Divider orientation="left" style={{marginLeft: 20}}>

<Slider style={{height: 380, width: '90%'}}>
{videoList.items.map((video, i) => (
<Slide index={i} key={i} style={{width: 230}}>
[my slide contents]

))}


</React.Fragment>
))}

So there is some missing explanation of how to add the necessary styles to my Carousel instance in the readme.