ImageGalleryIkea

Source code

This component uses Swiper Element (WebComponent)

https://

---
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

Prop	Type	Default	Description
`id`	`string`	random	By default, the `id` is generated automatically. If you decide to specify this parameter yourself, make sure that it is unique on the page
`classes.container`	`string`	-	Additional CSS classes to apply to the container
`classes.swiper`	`string`	-	-
`classes.swiperThumb`	`string`	-	-