isFramerCanvas prop on TextHover

ruucm · Dec 2, 2023 · 1deabc1 · 1deabc1
1 parent 820858a
commit 1deabc1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/shadergradient/src-dev/UI/TextAnimation/TextHover.tsx b/packages/shadergradient/src-dev/UI/TextAnimation/TextHover.tsx
@@ -50,6 +50,7 @@ export function TextHover({
   onClick = () => void 0,
   border = false,
   fontWeight = 400,
+  isFramerCanvas = false,
 }) {
   return (
     // @ts-ignore
@@ -71,7 +72,7 @@ export function TextHover({
       >
         <motion.h1
           variants={letterContainerVariants}
-          initial={'initial'}
+          initial={isFramerCanvas ? 'default' : 'initial'}
           whileInView={'default'}
           whileHover={'hover'}
           style={{

diff --git a/packages/shadergradient/src/UI/TextAnimation/TextHover.tsx b/packages/shadergradient/src/UI/TextAnimation/TextHover.tsx
@@ -50,6 +50,7 @@ export function TextHover({
   onClick = () => void 0,
   border = false,
   fontWeight = 400,
+  isFramerCanvas = false,
 }) {
   return (
     // @ts-ignore
@@ -71,7 +72,7 @@ export function TextHover({
       >
         <motion.h1
           variants={letterContainerVariants}
-          initial={'initial'}
+          initial={isFramerCanvas ? 'default' : 'initial'}
           whileInView={'default'}
           whileHover={'hover'}
           style={{