mirror of
https://github.com/DavidHDev/vue-bits.git
synced 2026-03-07 14:39:30 -07:00
Scroll Reveal added to text animations
Signed-off-by: zubairrafi <walleeva2018@gmail.com>
This commit is contained in:
26
src/constants/code/TextAnimations/scrollRevealCode.ts
Normal file
26
src/constants/code/TextAnimations/scrollRevealCode.ts
Normal file
@@ -0,0 +1,26 @@
|
||||
import code from '@content/TextAnimations/ScrollReveal/ScrollReveal.vue?raw'
|
||||
import type { CodeObject } from '../../../types/code'
|
||||
|
||||
export const scrollRevealCode: CodeObject = {
|
||||
cli: `npx jsrepo add https://vue-bits.dev/ui/TextAnimations/ScrollReveal`,
|
||||
usage: `<template>
|
||||
<ScrollReveal
|
||||
:children="scrollText"
|
||||
:enable-blur="enableBlur"
|
||||
:base-opacity="baseOpacity"
|
||||
:base-rotation="baseRotation"
|
||||
:blur-strength="blurStrength"
|
||||
:container-class-name="containerClassName"
|
||||
:text-class-name="textClassName"
|
||||
:rotation-end="rotationEnd"
|
||||
:word-animation-end="wordAnimationEnd"
|
||||
:scroll-container-ref="{ current: containerRef }"
|
||||
:key="rerenderKey"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import ScrollReveal from "./ScrollReveal.vue";
|
||||
</script>`,
|
||||
code
|
||||
}
|
||||
Reference in New Issue
Block a user