react-slides-z

LIVE EXAMPLE

---

Description

• React slides simple. (swipe and responsive)
• Use Swiper single. website.
• Small paging.

---

Usage

// require
npm install swiper --save

npm install react-slides-z --save

Import the module in the place you want to use:

import 'swiper/css' // require

import ReactSlides from 'react-slides-z'
import 'react-slides-z/build/styles.css' // => to main

Snippet

simple

    const [page, setPage] = React.useState(0)

    <ReactSlides
      listItems={[
        <div>abcd1</div>,
        <div>abcd2</div>,
        <div>abcd3</div>,
        <div>abcd4</div>,
      ]}

      // currentValue={page}
      // onSelectedValue={setPage}
    />

    <ReactSlides listItems={["1", "2", "3", "4"]} />

---

props

extend SwiperOptions. See file d.ts

RUN

LIVE EXAMPLE

npm install

npm run dev
npm run start

License

MIT