0.7.2

SwiperSlider

Source code

This component uses Swiper Element (WebComponent)

Slide 1Slide 2Slide 3Slide 4Slide 5Slide 6Slide 7Slide 8Slide 9Slide 10Slide 11Slide 12
---
import { SwiperSlider } from '@yatoday/astro-ui/astro';
---

<SwiperSlider>
  <swiper-slide>Slide 1</swiper-slide>
  <swiper-slide>Slide 2</swiper-slide>
  <swiper-slide>Slide 3</swiper-slide>
</SwiperSlider>

Props

PropTypeDefaultDescription
idstringrandomBy default, the id is generated automatically. If you decide to specify this parameter yourself, make sure that it is unique on the page
withNavigationbooleantrueNavigation visibility
autoplaybooleanfalseObject with autoplay parameters or boolean true to enable with default settings
...restany-…rest params from Swiper js parameters