Bear Slide Image

當你想直接使用圖片而非放在背景時使用

import BearCarousel, {BearSlideImage} from 'bear-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 <BearSlideImage key={row.id} imageUrl={row.imageUrl}/>;

});

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

Props

參數名稱	類型	Required	預設值	說明
style	CSS.Properties
className	string
imageUrl	string			圖片路徑
onClick	() => void			圖片點擊事件