1<!-- Slider main container -->
2<div class="swiper-container">
3 <!-- Additional required wrapper -->
4 <div class="swiper-wrapper">
5 <!-- Slides -->
6 <div class="swiper-slide">Slide 1</div>
7 <div class="swiper-slide">Slide 2</div>
8 <div class="swiper-slide">Slide 3</div>
9 ...
10 </div>
11 <!-- If we need pagination -->
12 <div class="swiper-pagination"></div>
13
14 <!-- If we need navigation buttons -->
15 <div class="swiper-button-prev"></div>
16 <div class="swiper-button-next"></div>
17
18 <!-- If we need scrollbar -->
19 <div class="swiper-scrollbar"></div>
20</div>
1// import Swiper JS
2import Swiper from 'swiper';
3// import Swiper styles
4import 'swiper/swiper-bundle.css';
5
6const swiper = new Swiper(...);