2023/10/232023/10/24

Twitter風のいいねアニメーション

よくあるいいねアニメーションをReactですぐ使える形に実装しました。

About Preview

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

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

pnpm add tailwindcss clsx lucide-react

type LikeButtonProps = {
  size?: number;
  text?: string;
  onClick?: (arg0: boolean) => void;
  defaultLiked?: boolean;
};