Acrool Slide Image

If you want to use the image directly instead of putting it in the background

import AcroolCarousel, {AcroolSlideImage} from '@acrool/react-carousel';

const numberColors = [
    {id: 1, imageUrl: '/test/01.jpg'},
    {id: 2, imageUrl: '/test/01.jpg'},
    {id: 3, imageUrl: '/test/01.jpg'},
];

const data = numberColors.map(row => {
    return <AcroolSlideImage key={row.id} imageUrl={row.imageUrl}/>;

<AcroolCarousel
    // ...ignore some
    height="250px"
    data={data}
/>

Props

PropsName	Type	Required	Default	Description
style	CSS.Properties
className	string
imageUrl	string			image url
onClick	() => void			image onclick event