2023/09/222024/07/27

スワイプ機能付きのスライダー

framer-motionを使っています。画像以外の要素もスライドに追加できます

About Preview

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

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

pnpm add tailwindcss framer-motion clsx tailwind-merge

interface CarouselProps {
  children: React.ReactNode[];
  className?: string;
}