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