diff options
| author | Alex Pooley (@zuedev) <zuedev@gmail.com> | 2025-10-30 23:40:37 +0000 |
|---|---|---|
| committer | Alex Pooley (@zuedev) <zuedev@gmail.com> | 2025-10-30 23:40:37 +0000 |
| commit | 2131d5fec97f6163678fdec40dd2d6e9f7a5e58c (patch) | |
| tree | 4e914c764809acdaa869598f10fd5016e386ac53 /projects/96/src/components/animations/FadeIn.js | |
| parent | e9b62b2bc620bae72daa32d6b96bd5e59b2a293f (diff) | |
| download | zue.dev-2131d5fec97f6163678fdec40dd2d6e9f7a5e58c.tar zue.dev-2131d5fec97f6163678fdec40dd2d6e9f7a5e58c.tar.gz zue.dev-2131d5fec97f6163678fdec40dd2d6e9f7a5e58c.tar.bz2 zue.dev-2131d5fec97f6163678fdec40dd2d6e9f7a5e58c.tar.xz zue.dev-2131d5fec97f6163678fdec40dd2d6e9f7a5e58c.zip | |
restructure repo into a monorepo
Diffstat (limited to 'projects/96/src/components/animations/FadeIn.js')
| -rw-r--r-- | projects/96/src/components/animations/FadeIn.js | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/projects/96/src/components/animations/FadeIn.js b/projects/96/src/components/animations/FadeIn.js new file mode 100644 index 0000000..21589ce --- /dev/null +++ b/projects/96/src/components/animations/FadeIn.js @@ -0,0 +1,17 @@ +"use client"; + +import { motion } from "motion/react"; + +export default ({ children, props }) => { + const { duration = 1, delay = 0 } = props || {}; + + return ( + <motion.div + initial={{ opacity: 0 }} + animate={{ opacity: 1 }} + transition={{ duration, delay }} + > + {children} + </motion.div> + ); +}; |
