Custom Swiper
install
To install Custom Swiper, use:
yarn add custom-swiperHow to use
This is the simple usage:
const list2 = [{
button: "test1",
title: 'testtitle1',
background: {
type: 'img',
data: 'https://www.etestware.com/wp-content/uploads/2020/08/shutterstock_515285995-1200x580.jpg'
},
},
]
<CustomerSwiper lists={list2} height={9} width={16} />Setting
| Type | des | type | default |
|---|---|---|---|
| navigation | optional | boolean | false |
| pagination | optional | boolean | false |
| width | required | number | ' ' |
| height | required | number | ' ' |
| lists | required | CustomSwiperListProps[] | [] |
####CustomSwiperListProps
| Type | des | type | default |
|---|---|---|---|
| button | required | string | '' |
| buttonStyle | optional | React.CSSProperties | |
| title | required | string | ' ' |
| titleStyle | optional | React.CSSProperties | |
| background | required | {type: string;data: string; }; |
[] |