fadeVariants: {
    hidden: { opacity: number };
    visible: { opacity: number };
    exit: { opacity: number };
} = ...

Simple fade animation variants without size or position changes.

Type declaration

  • hidden: { opacity: number }
  • visible: { opacity: number }
  • exit: { opacity: number }
export const fadeVariants = {
hidden: { opacity: 0 },
visible: { opacity: 1 },
exit: { opacity: 0 },
};