2023/11/202024/07/16

ReactとTailwindCSSだけで実装するSwitchコンポーネント

追加ライブラリなしでシンプルに実装できます。

About Preview

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

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

pnpm add tailwindcss

interface SwitchProps {
  size?: number;
  onChange?: (value: boolean) => void;
  color?: string;
  defaultChecked?: boolean;
};