0.7.2

ImageGalleryIkea

Source code

.

 
---
import { ImageGalleryIkea } from '@yatoday/astro-ui/astro';
---

<ImageGalleryIkea
  height="h-[500px]"
  images={[
    {src: '~/assets/images/800x800.svg', alt: '1'},
    {src: 'https://swiperjs.com/demos/images/nature-2.jpg', alt: '2'},
    {src: 'https://swiperjs.com/demos/images/nature-3.jpg', alt: '3'},
    {src: 'https://swiperjs.com/demos/images/nature-4.jpg', alt: '4'},
    {src: 'https://swiperjs.com/demos/images/nature-5.jpg', alt: '5'},
    {src: 'https://swiperjs.com/demos/images/nature-6.jpg', alt: '6'},
    {src: 'https://swiperjs.com/demos/images/nature-7.jpg', alt: '7'},
  ]}
/>

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
classes.containerstring-Additional CSS classes to apply to the container
classes.swiperstring--
classes.swiperThumbstring--