What is it? ITeSHOP Product Swiper

feature: auto center when slide lesser than slidesPerView

What's it looks like?

npm install react-ui-product-swiper

import ProductSwiper from "react-ui-product-swiper";

|name|type|desc| |---|---|---| |href|url|what's it point to| |src|url| image url| |brand|string| brand name | |name|string|product name|

<ProductSwiper products={[
    {
        href: 'https://hk.iteshop.com/Bit/Women/Clothing/Knitwear/Cardigan/TAWCD213026XH.html',
        src: 'https://ithk-pro-itmall-item.oss-cn-hongkong.aliyuncs.com/2/product/TAWCD213026XHBKX/TAWCD213026XHBKX-pdp-1.jpg?x-oss-process=image/resize,m_pad,w_328/quality,Q_80',
        brand: 'alexander wang.t',
        name: 'CROPPED CARDIGAN'
    },
    {
        href: 'https://hk.iteshop.com/Bit/Women/Clothing/Knitwear/Cardigan/TAWCD213026XH.html',
        src: 'https://ithk-pro-itmall-item.oss-cn-hongkong.aliyuncs.com/2/product/TAWCD213026XHBKX/TAWCD213026XHBKX-pdp-1.jpg?x-oss-process=image/resize,m_pad,w_328/quality,Q_80',
        brand: 'alexander wang.t',
        name: 'CROPPED CARDIGAN'
    },
    {
        href: 'https://hk.iteshop.com/Bit/Women/Clothing/Knitwear/Cardigan/TAWCD213026XH.html',
        src: 'https://ithk-pro-itmall-item.oss-cn-hongkong.aliyuncs.com/2/product/TAWCD213026XHBKX/TAWCD213026XHBKX-pdp-1.jpg?x-oss-process=image/resize,m_pad,w_328/quality,Q_80',
        brand: 'alexander wang.t',
        name: 'CROPPED CARDIGAN'
    }
]}/>