2024/07/27

サムネイル＆スワイプ機能付きの画像スライダー

framer-motionを使って実装しています。

About Preview

このコンポーネントを使いたい場合は、style.cssとcomponent.tsxの内容をコピーして、render.tsxを参考にコンポーネントを使ってください

プレビュー画面では以下のパッケージがインストールされています

pnpm add tailwindcss framer-motion clsx tailwind-merge

interface CaroucelProps {
  images: string[];
  className?: string;
  thumbnailHeight?: number;
}