Numerous Philanthropic Misanthropes

    react-zoom-slider
    TypeScript icon, indicating that this package has built-in type declarations

    0.1.0 • Public • Published

    react-zoom-slider

    License: MIT

    Simple zoom slider image implemented in ReactJS

    To run demo on your computer:

    • Clone this repository
    • npm install
    • npm run dev

    Screenshot

    alt text

    Usage

    You can combine pivot and direction together

    Slider Image
    import SliderImage from 'react-zoom-slider';
    
    const data = [
      {
        image: 'https://cdn.tgdd.vn/Products/Images/42/209800/oppo-reno2-f-xanh-1-org.jpg',
        text: 'img1'
      },
      {
        image: 'https://cdn.tgdd.vn/Products/Images/42/209800/oppo-reno2-f-xanh-4-org.jpg',
        text: 'img2'
      },
      {
        image: 'https://cdn.tgdd.vn/Products/Images/42/209800/oppo-reno2-f-xanh-10-org.jpg',
        text: 'img3'
      },
      ...
    ];
    
    
    <SliderImage 
      data={data} 
      width="500px" 
      showDescription={true} 
      direction="right" 
    />
    
    Props
    Prop name Prop type Default value Description
    data array Required data
    width? string auto set size for slider image
    direction? left, right right direction when show zoom image
    showDescription? boolean true show description of image

    Author

    License

    MIT

    Install

    npm i react-zoom-slider

    DownloadsWeekly Downloads

    116

    Version

    0.1.0

    License

    MIT

    Unpacked Size

    56.5 kB

    Total Files

    8

    Last publish

    Collaborators

    • nhattruongniit