GitHub

Swiper Cards

Example

Usage

<script lang="ts">
	import { CardSwiper } from 'fuchs';

	const profiles = ['image1.webp', 'image2.webp', 'image3.webp'];
</script>

<div class="h-[70vh] w-full">
	<CardSwiper
		cardData={(i) => ({
			title: `Card ${i}`,
			description: `Card ${i} description`,
			image: profiles[i % profiles.length]
		})}
	></CardSwiper>
</div>